#CA4B2B Color

#CA4B2B is rgb(202, 75, 43) in RGB and hsl(12, 65%, 48%) in HSL. The closest CSS named color is Chocolate. White text is most readable on this background.

#CA4B2B

HEX#CA4B2B

RGBrgb(202, 75, 43)

HSLhsl(12, 65%, 48%)

HSVhsv(12, 79%, 79%)

OKLCHoklch(58.1% 0.168 35.1)

CMYKcmyk(0%, 63%, 79%, 21%)

Text Contrast & Accessibility

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

TextWhite text4.61:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.55:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#CA4B2B Complementary#2BAACA Analogous#CA2B5B Analogous#CA9A2B Triadic#2BCA4B Triadic#4B2BCA

Tints & Shades

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

Tints

#D75F42 #DD785F #E3917D #EAAD9E #F1C6BC #F7DFD9

Shades

#B14125 #93361F #7A2D1A #612415 #481A0F #2A1009

Use #CA4B2B in Our Tools

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