#CA322F Color

#CA322F is rgb(202, 50, 47) in RGB and hsl(1, 62%, 49%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#CA322F

HEX#CA322F

RGBrgb(202, 50, 47)

HSLhsl(1, 62%, 49%)

HSVhsv(1, 77%, 79%)

OKLCHoklch(55.5% 0.189 26.8)

CMYKcmyk(0%, 75%, 77%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CA322F Complementary#2FC8CA Analogous#CA2F7A Analogous#CA802F Triadic#2FCA32 Triadic#322FCA

Tints & Shades

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

Tints

#D44C49 #DB6866 #E28583 #E9A1A0 #EFBEBD #F6DADA

Shades

#B22C2A #952523 #7C1F1D #5F1716 #461110 #290A0A

Use #CA322F in Our Tools

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