#CC1961 Color

#CC1961 is rgb(204, 25, 97) in RGB and hsl(336, 78%, 45%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#CC1961

HEX#CC1961

RGBrgb(204, 25, 97)

HSLhsl(336, 78%, 45%)

HSVhsv(336, 88%, 80%)

OKLCHoklch(55.2% 0.21 5.2)

CMYKcmyk(0%, 88%, 52%, 20%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CC1961 Complementary#19CC85 Analogous#CC19BA Analogous#CC2B19 Triadic#61CC19 Triadic#1961CC

Tints & Shades

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

Tints

#E52A74 #E94989 #ED6EA1 #F18EB5 #F5B2CD #F9D2E2

Shades

#B11654 #961347 #7B0F3A #640C2F #490922 #2D0616

Use #CC1961 in Our Tools

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