Hex Color #132495 - Custom Color

Color Codes

HEX

#132495

RGB

rgb(19, 36, 149)

HSL

hsl(232, 77%, 33%)

CMYK

cmyk(87%, 76%, 0%, 42%)

HSV

hsv(232, 87%, 58%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#136595 #132595 #431395

Triadic

#132595 #951325 #259513

Split Complementary

#132595 #954313 #659513

Tetradic (Square)

#132595 #951365 #958413 #139543

Complementary

#132495 #958413

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 12.25:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.71:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #132495;

color: #132495;

border-color: #132495;

}

Tailwind CSS (with arbitrary values)

bg-[#132495]

text-[#132495]

border-[#132495]

// Example usage: