#CA2621 Color

#CA2621 is rgb(202, 38, 33) in RGB and hsl(2, 72%, 46%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#CA2621

HEX#CA2621

RGBrgb(202, 38, 33)

HSLhsl(2, 72%, 46%)

HSVhsv(2, 84%, 79%)

OKLCHoklch(54.4% 0.2 28.1)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CA2621 Complementary#21C4CA Analogous#CA2170 Analogous#CA7B21 Triadic#21CA26 Triadic#2621CA

Tints & Shades

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

Tints

#DD3731 #E35954 #E87773 #EE9996 #F3B7B4 #F9D9D8

Shades

#AF211D #951C18 #7B1714 #601210 #460D0B #2C0807

Use #CA2621 in Our Tools

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