#C32213 Color

#C32213 is rgb(195, 34, 19) in RGB and hsl(5, 82%, 42%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#C32213

HEX#C32213

RGBrgb(195, 34, 19)

HSLhsl(5, 82%, 42%)

HSVhsv(5, 90%, 76%)

OKLCHoklch(52.7% 0.197 30.1)

CMYKcmyk(0%, 83%, 90%, 24%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C32213 Complementary#13B4C3 Analogous#C3135C Analogous#C37A13 Triadic#13C322 Triadic#2213C3

Tints & Shades

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

Tints

#E82817 #EC4B3C #EF6D61 #F38F86 #F7B2AB #FAD4D1

Shades

#AC1E11 #90190E #79150C #5D1009 #460C07 #2A0704

Use #C32213 in Our Tools

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