#CA3F0C Color

#CA3F0C is rgb(202, 63, 12) in RGB and hsl(16, 89%, 42%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#CA3F0C

HEX#CA3F0C

RGBrgb(202, 63, 12)

HSLhsl(16, 89%, 42%)

HSVhsv(16, 94%, 79%)

OKLCHoklch(56.5% 0.183 37)

CMYKcmyk(0%, 69%, 94%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CA3F0C Complementary#0C98CA Analogous#CA0C38 Analogous#CA9E0C Triadic#0CCA3F Triadic#3F0CCA

Tints & Shades

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

Tints

#F14B0E #F36735 #F5845B #F8A182 #FABEA8 #FCDBCF

Shades

#B2370A #952E09 #7D2707 #601E06 #481604 #2B0D03

Use #CA3F0C in Our Tools

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