Hex Color #CE2006 - Custom Color

Color Codes

HEX

#CE2006

RGB

rgb(206, 32, 6)

HSL

hsl(8, 94%, 42%)

CMYK

cmyk(0%, 84%, 97%, 19%)

HSV

hsv(8, 97%, 81%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D00650 #D02106 #D08606

Triadic

#D02106 #06D021 #2106D0

Split Complementary

#D02106 #06D086 #0650D0

Tetradic (Square)

#D02106 #50D006 #06B5D0 #8606D0

Complementary

#CE2006 #06B5D0

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 5.48:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 3.83: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: #CE2006;

color: #CE2006;

border-color: #CE2006;

}

Tailwind CSS (with arbitrary values)

bg-[#CE2006]

text-[#CE2006]

border-[#CE2006]

// Example usage: