#CC0F22 Color

#CC0F22 is rgb(204, 15, 34) in RGB and hsl(354, 86%, 43%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#CC0F22

HEX#CC0F22

RGBrgb(204, 15, 34)

HSLhsl(354, 86%, 43%)

HSVhsv(354, 93%, 80%)

OKLCHoklch(53.6% 0.212 25.5)

CMYKcmyk(0%, 93%, 83%, 20%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #CC0F22 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text5.74:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.66:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #CC0F22 based on color wheel relationships. Click any swatch for its full breakdown.

Base#CC0F22 Complementary#0FCCB9 Analogous#CC0F81 Analogous#CC5B0F Triadic#22CC0F Triadic#0F22CC

Tints & Shades

Lighter tints and darker shades of #CC0F22, useful for hover states, backgrounds, and text variants.

Tints

#EE172C #F03D4F #F36271 #F6848F #F9AAB2 #FBD0D4

Shades

#AF0D1D #980B19 #7B0915 #640711 #47050C #2F0408

Use #CC0F22 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex