Hex Color #04101B - Custom Color

Color Codes

HEX

#04101B

RGB

rgb(4, 16, 27)

HSL

hsl(209, 74%, 6%)

CMYK

cmyk(85%, 41%, 0%, 89%)

HSV

hsv(209, 85%, 11%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#041B1A #04101B #04041B

Triadic

#04101B #1B0410 #101B04

Split Complementary

#04101B #1B0404 #1B1A04

Tetradic (Square)

#04101B #1A041B #1B0F04 #041B04

Complementary

#04101B #1B0F04

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 19.18:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 1.10: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: #04101B;

color: #04101B;

border-color: #04101B;

}

Tailwind CSS (with arbitrary values)

bg-[#04101B]

text-[#04101B]

border-[#04101B]

// Example usage: