#C21E2C Color

#C21E2C is rgb(194, 30, 44) in RGB and hsl(355, 73%, 44%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#C21E2C

HEX#C21E2C

RGBrgb(194, 30, 44)

HSLhsl(355, 73%, 44%)

HSVhsv(355, 85%, 76%)

OKLCHoklch(52.5% 0.196 23.9)

CMYKcmyk(0%, 85%, 77%, 24%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C21E2C Complementary#1EC2B4 Analogous#C21E7E Analogous#C2631E Triadic#2CC21E Triadic#1E2CC2

Tints & Shades

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

Tints

#DE2B3A #E34A57 #E86D78 #EE9198 #F3B4B9 #F8D3D6

Shades

#A81A26 #921721 #77131B #5D0E15 #420A0F #2C070A

Use #C21E2C in Our Tools

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