Hex Color #180E52 - Custom Color

Color Codes

HEX

#180E52

RGB

rgb(24, 14, 82)

HSL

hsl(249, 71%, 19%)

CMYK

cmyk(71%, 83%, 0%, 68%)

HSV

hsv(249, 83%, 32%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#0E2653 #180E53 #3B0E53

Triadic

#180E53 #53180E #0E5318

Split Complementary

#180E53 #533B0E #26530E

Tetradic (Square)

#180E53 #530E26 #49530E #0E533B

Complementary

#180E52 #49530E

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 17.16:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.22: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: #180E52;

color: #180E52;

border-color: #180E52;

}

Tailwind CSS (with arbitrary values)

bg-[#180E52]

text-[#180E52]

border-[#180E52]

// Example usage: