#CC0055 Color

#CC0055 is rgb(204, 0, 85) in RGB and hsl(335, 100%, 40%) in HSL. The closest CSS named color is Crimson. White text is most readable on this background.

#CC0055

HEX#CC0055

RGBrgb(204, 0, 85)

HSLhsl(335, 100%, 40%)

HSVhsv(335, 100%, 80%)

OKLCHoklch(54.1% 0.217 8.6)

CMYKcmyk(0%, 100%, 58%, 20%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #CC0055 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 #CC0055 based on color wheel relationships. Click any swatch for its full breakdown.

Base#CC0055 Complementary#00CC77 Analogous#CC00BB Analogous#CC1100 Triadic#55CC00 Triadic#0055CC

Tints & Shades

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

Tints

#F50066 #FF247F #FF4D97 #FF75AF #FF9EC6 #FFCCE1

Shades

#B3004A #990040 #800035 #610028 #47001E #2E0013

Use #CC0055 in Our Tools

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