#C53302 Color

#C53302 is rgb(197, 51, 2) in RGB and hsl(15, 98%, 39%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#C53302

HEX#C53302

RGBrgb(197, 51, 2)

HSLhsl(15, 98%, 39%)

HSVhsv(15, 99%, 77%)

OKLCHoklch(54.4% 0.189 35.2)

CMYKcmyk(0%, 74%, 99%, 23%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C53302 Complementary#0294C5 Analogous#C50233 Analogous#C59402 Triadic#02C533 Triadic#3302C5

Tints & Shades

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

Tints

#ED3D02 #FD5821 #FD7649 #FE9877 #FEB79F #FED9CD

Shades

#AC2C02 #922601 #791F01 #601901 #471201 #2D0C00

Use #C53302 in Our Tools

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