#CA302B Color

#CA302B is rgb(202, 48, 43) in RGB and hsl(2, 65%, 48%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#CA302B

HEX#CA302B

RGBrgb(202, 48, 43)

HSLhsl(2, 65%, 48%)

HSVhsv(2, 79%, 79%)

OKLCHoklch(55.2% 0.191 27.5)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CA302B Complementary#2BC5CA Analogous#CA2B75 Analogous#CA802B Triadic#2BCA30 Triadic#302BCA

Tints & Shades

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

Tints

#D74742 #DD635F #E3807D #EAA19E #F1BDBC #F7DAD9

Shades

#B12A25 #93231F #7A1D1A #611715 #48110F #2A0A09

Use #CA302B in Our Tools

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