#CA0220 Color

#CA0220 is rgb(202, 2, 32) in RGB and hsl(351, 98%, 40%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#CA0220

HEX#CA0220

RGBrgb(202, 2, 32)

HSLhsl(351, 98%, 40%)

HSVhsv(351, 99%, 79%)

OKLCHoklch(52.9% 0.214 25.1)

CMYKcmyk(0%, 99%, 84%, 21%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CA0220 Complementary#02CAAC Analogous#CA0284 Analogous#CA4802 Triadic#20CA02 Triadic#0220CA

Tints & Shades

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

Tints

#F20226 #FD2646 #FD4E69 #FE778B #FE9FAD #FECDD4

Shades

#B1021C #970218 #7E0114 #60010F #47010B #2D0007

Use #CA0220 in Our Tools

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