#CB4A2A Color

#CB4A2A is rgb(203, 74, 42) in RGB and hsl(12, 66%, 48%) in HSL. The closest CSS named color is Chocolate. White text is most readable on this background.

#CB4A2A

HEX#CB4A2A

RGBrgb(203, 74, 42)

HSLhsl(12, 66%, 48%)

HSVhsv(12, 79%, 80%)

OKLCHoklch(58.1% 0.17 35)

CMYKcmyk(0%, 64%, 79%, 20%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #CB4A2A 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 #CB4A2A based on color wheel relationships. Click any swatch for its full breakdown.

Base#CB4A2A Complementary#2AABCB Analogous#CB2A5A Analogous#CB9B2A Triadic#2ACB4A Triadic#4A2ACB

Tints & Shades

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

Tints

#D85F41 #DE785E #E4917C #EBAD9E #F1C6BB #F7DFD9

Shades

#B24124 #94361E #7B2D19 #612314 #481A0F #2A0F09

Use #CB4A2A in Our Tools

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