#CC1427 Color

#CC1427 is rgb(204, 20, 39) in RGB and hsl(354, 82%, 44%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#CC1427

HEX#CC1427

RGBrgb(204, 20, 39)

HSLhsl(354, 82%, 44%)

HSVhsv(354, 90%, 80%)

OKLCHoklch(53.9% 0.21 24.7)

CMYKcmyk(0%, 90%, 81%, 20%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CC1427 Complementary#14CCBA Analogous#CC1483 Analogous#CC5E14 Triadic#27CC14 Triadic#1427CC

Tints & Shades

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

Tints

#E92034 #EC4152 #F06674 #F48B95 #F7B0B7 #FAD1D5

Shades

#B01121 #990F1D #7D0C18 #610A12 #46070D #2E0509

Use #CC1427 in Our Tools

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