#CC1430 Color

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

#CC1430

HEX#CC1430

RGBrgb(204, 20, 48)

HSLhsl(351, 82%, 44%)

HSVhsv(351, 90%, 80%)

OKLCHoklch(54% 0.209 22.3)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CC1430 Complementary#14CCB1 Analogous#CC148C Analogous#CC5514 Triadic#30CC14 Triadic#1430CC

Tints & Shades

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

Tints

#E9203E #EC415A #F0667B #F48B9B #F7B0BB #FAD1D7

Shades

#B01129 #990F24 #7D0C1D #610A17 #460710 #2E050B

Use #CC1430 in Our Tools

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