#CA2A1C Color

#CA2A1C is rgb(202, 42, 28) in RGB and hsl(5, 76%, 45%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#CA2A1C

HEX#CA2A1C

RGBrgb(202, 42, 28)

HSLhsl(5, 76%, 45%)

HSVhsv(5, 86%, 79%)

OKLCHoklch(54.6% 0.197 29.8)

CMYKcmyk(0%, 79%, 86%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CA2A1C Complementary#1CBBCA Analogous#CA1C64 Analogous#CA811C Triadic#1CCA2A Triadic#2A1CCA

Tints & Shades

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

Tints

#E23B2C #E7584B #EB7A6F #F0978F #F5B8B3 #F9D5D2

Shades

#AF2418 #941F14 #791911 #63150D #480F0A #2D0906

Use #CA2A1C in Our Tools

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