#CC02DE Color

#CC02DE is rgb(204, 2, 222) in RGB and hsl(295, 98%, 44%) in HSL. The closest CSS named color is DarkViolet. Black text is most readable on this background.

#CC02DE

HEX#CC02DE

RGBrgb(204, 2, 222)

HSLhsl(295, 98%, 44%)

HSVhsv(295, 99%, 87%)

OKLCHoklch(60.5% 0.284 323.8)

CMYKcmyk(8%, 99%, 0%, 13%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#CC02DE Complementary#15DE02 Analogous#5E02DE Analogous#DE0283 Triadic#DECC02 Triadic#02DECC

Tints & Shades

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

Tints

#E90DFD #EC30FD #F058FD #F381FE #F7A9FE #FACDFE

Shades

#B002C0 #9902A7 #7D0188 #61016A #45014C #2E0132

Use #CC02DE in Our Tools

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