Hex Color #132160 - Custom Color

Color Codes

HEX

#132160

RGB

rgb(19, 33, 96)

HSL

hsl(229, 67%, 23%)

CMYK

cmyk(80%, 66%, 0%, 62%)

HSV

hsv(229, 80%, 38%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#134962 #132262 #2C1362

Triadic

#132262 #621322 #226213

Split Complementary

#132262 #622C13 #496213

Tetradic (Square)

#132262 #621349 #625413 #13622C

Complementary

#132160 #625413

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 14.85:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.41: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: #132160;

color: #132160;

border-color: #132160;

}

Tailwind CSS (with arbitrary values)

bg-[#132160]

text-[#132160]

border-[#132160]

// Example usage: