#CA212F Color

#CA212F is rgb(202, 33, 47) in RGB and hsl(355, 72%, 46%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#CA212F

HEX#CA212F

RGBrgb(202, 33, 47)

HSLhsl(355, 72%, 46%)

HSVhsv(355, 84%, 79%)

OKLCHoklch(54.2% 0.201 23.9)

CMYKcmyk(0%, 84%, 77%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CA212F Complementary#21CABC Analogous#CA2183 Analogous#CA6721 Triadic#2FCA21 Triadic#212FCA

Tints & Shades

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

Tints

#DD313F #E35460 #E8737C #EE969D #F3B4BA #F9D8DA

Shades

#AF1D29 #951823 #7B141D #601016 #460B10 #2C070A

Use #CA212F in Our Tools

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