#CA7221 Color

#CA7221 is rgb(202, 114, 33) in RGB and hsl(29, 72%, 46%) in HSL. The closest CSS named color is Chocolate. Black text is most readable on this background.

#CA7221

HEX#CA7221

RGBrgb(202, 114, 33)

HSLhsl(29, 72%, 46%)

HSVhsv(29, 84%, 79%)

OKLCHoklch(63.8% 0.141 57.3)

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

Text Contrast & Accessibility

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

TextWhite text3.54:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.94:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#CA7221 Complementary#2178CA Analogous#CA2124 Analogous#CAC721 Triadic#21CA72 Triadic#7221CA

Tints & Shades

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

Tints

#DD8431 #E39954 #E8AB73 #EEC096 #F3D3B4 #F9E7D8

Shades

#AF641D #955518 #7B4614 #603710 #46280B #2C1907

Use #CA7221 in Our Tools

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