#C41227 Color

#C41227 is rgb(196, 18, 39) in RGB and hsl(353, 83%, 42%) in HSL. The closest CSS named color is FireBrick. White text is most readable on this background.

#C41227

HEX#C41227

RGBrgb(196, 18, 39)

HSLhsl(353, 83%, 42%)

HSVhsv(353, 91%, 77%)

OKLCHoklch(52.3% 0.204 24.1)

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

Text Contrast & Accessibility

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

TextWhite text6.06:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#C41227 Complementary#12C4AF Analogous#C41280 Analogous#C45612 Triadic#27C412 Triadic#1227C4

Tints & Shades

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

Tints

#E9162E #ED3B50 #F06071 #F48693 #F7ABB4 #FBD0D5

Shades

#AD1022 #910D1D #790B18 #5D0913 #46070E #2A0408

Use #C41227 in Our Tools

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