#C9224C Color

#C9224C is rgb(201, 34, 76) in RGB and hsl(345, 71%, 46%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#C9224C

HEX#C9224C

RGBrgb(201, 34, 76)

HSLhsl(345, 71%, 46%)

HSVhsv(345, 83%, 79%)

OKLCHoklch(54.6% 0.199 13.9)

CMYKcmyk(0%, 83%, 62%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C9224C Complementary#22C99F Analogous#C9229F Analogous#C94C22 Triadic#4CC922 Triadic#224CC9

Tints & Shades

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

Tints

#DC325D #E25578 #E77390 #ED96AC #F2B5C4 #F8D8E0

Shades

#AE1E42 #941938 #7A152E #601024 #460C1A #2C0710

Use #C9224C in Our Tools

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