#C45331 Color

#C45331 is rgb(196, 83, 49) in RGB and hsl(14, 60%, 48%) in HSL. The closest CSS named color is Chocolate. Black text is most readable on this background.

#C45331

HEX#C45331

RGBrgb(196, 83, 49)

HSLhsl(14, 60%, 48%)

HSVhsv(14, 75%, 77%)

OKLCHoklch(58.2% 0.153 37.2)

CMYKcmyk(0%, 58%, 75%, 23%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C45331 Complementary#31A2C4 Analogous#C43158 Analogous#C49D31 Triadic#31C453 Triadic#5331C4

Tints & Shades

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

Tints

#D16847 #D87F64 #DF9781 #E8B2A1 #EFC9BE #F6E1DA

Shades

#AB492B #8F3D24 #76321E #5E2817 #451D11 #29110A

Use #C45331 in Our Tools

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