#C21F19 Color

#C21F19 is rgb(194, 31, 25) in RGB and hsl(2, 77%, 43%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#C21F19

HEX#C21F19

RGBrgb(194, 31, 25)

HSLhsl(2, 77%, 43%)

HSVhsv(2, 87%, 76%)

OKLCHoklch(52.4% 0.197 28.7)

CMYKcmyk(0%, 84%, 87%, 24%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C21F19 Complementary#19BCC2 Analogous#C21968 Analogous#C27319 Triadic#19C21F Triadic#1F19C2

Tints & Shades

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

Tints

#E22822 #E74B46 #EC6E6A #F08D8A #F4B0AE #F9D3D2

Shades

#A71B16 #901713 #75130F #5F0F0C #440B09 #2D0706

Use #C21F19 in Our Tools

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