Hex Color #011E23 - Custom Color

Color Codes

HEX

#011E23

RGB

rgb(1, 30, 35)

HSL

hsl(189, 94%, 7%)

CMYK

cmyk(97%, 14%, 0%, 86%)

HSV

hsv(189, 97%, 14%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#012317 #011E23 #010D23

Triadic

#011E23 #23011E #1E2301

Split Complementary

#011E23 #23010D #231701

Tetradic (Square)

#011E23 #170123 #230601 #0D2301

Complementary

#011E23 #230601

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 17.34:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.21: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: #011E23;

color: #011E23;

border-color: #011E23;

}

Tailwind CSS (with arbitrary values)

bg-[#011E23]

text-[#011E23]

border-[#011E23]

// Example usage: