#CC1EA4 Color

#CC1EA4 is rgb(204, 30, 164) in RGB and hsl(314, 74%, 46%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#CC1EA4

HEX#CC1EA4

RGBrgb(204, 30, 164)

HSLhsl(314, 74%, 46%)

HSVhsv(314, 85%, 80%)

OKLCHoklch(57.9% 0.236 340.3)

CMYKcmyk(0%, 85%, 20%, 20%)

Text Contrast & Accessibility

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

TextWhite text4.9:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.29:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#CC1EA4 Complementary#1ECC47 Analogous#9E1ECC Analogous#CC1E4D Triadic#A4CC1E Triadic#1EA4CC

Tints & Shades

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

Tints

#E02EB6 #E552C3 #EA71CE #EF95DA #F4B4E5 #F9D7F1

Shades

#B11B8E #971779 #7C1364 #620F4E #470B39 #2C0724

Use #CC1EA4 in Our Tools

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