#C42C27 Color

#C42C27 is rgb(196, 44, 39) in RGB and hsl(2, 67%, 46%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#C42C27

HEX#C42C27

RGBrgb(196, 44, 39)

HSLhsl(2, 67%, 46%)

HSVhsv(2, 80%, 77%)

OKLCHoklch(53.8% 0.189 27.7)

CMYKcmyk(0%, 78%, 80%, 23%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#C42C27 Complementary#27BFC4 Analogous#C42770 Analogous#C47B27 Triadic#27C42C Triadic#2C27C4

Tints & Shades

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

Tints

#D73C37 #DE5D59 #E47A77 #EB9C99 #F1B9B7 #F7DAD9

Shades

#AA2622 #91201D #771B18 #5E1513 #440F0D #2B0A08

Use #C42C27 in Our Tools

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