#CA2F3C Color

#CA2F3C is rgb(202, 47, 60) in RGB and hsl(355, 62%, 49%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#CA2F3C

HEX#CA2F3C

RGBrgb(202, 47, 60)

HSLhsl(355, 62%, 49%)

HSVhsv(355, 77%, 79%)

OKLCHoklch(55.4% 0.19 22)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CA2F3C Complementary#2FCABE Analogous#CA2F8A Analogous#CA702F Triadic#3CCA2F Triadic#2F3CCA

Tints & Shades

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

Tints

#D44955 #DB6670 #E2838B #E9A0A6 #EFBDC1 #F6DADC

Shades

#B22A35 #95232C #7C1D25 #5F161C #461015 #290A0C

Use #CA2F3C in Our Tools

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