#CA280C Color

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

#CA280C

HEX#CA280C

RGBrgb(202, 40, 12)

HSLhsl(9, 89%, 42%)

HSVhsv(9, 94%, 79%)

OKLCHoklch(54.4% 0.2 31.8)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CA280C Complementary#0CAECA Analogous#CA0C4F Analogous#CA880C Triadic#0CCA28 Triadic#280CCA

Tints & Shades

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

Tints

#F1300E #F35135 #F5725B #F89382 #FAB5A8 #FCD6CF

Shades

#B2240A #951E09 #7D1907 #601306 #480E04 #2B0903

Use #CA280C in Our Tools

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