#CC80FE Color

#CC80FE is rgb(204, 128, 254) in RGB and hsl(276, 98%, 75%) in HSL. The closest CSS named color is Violet. Black text is most readable on this background.

#CC80FE

HEX#CC80FE

RGBrgb(204, 128, 254)

HSLhsl(276, 98%, 75%)

HSVhsv(276, 50%, 100%)

OKLCHoklch(72.9% 0.189 310.4)

CMYKcmyk(20%, 50%, 0%, 0%)

Text Contrast & Accessibility

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

TextWhite text2.6:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text8.09:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#CC80FE Complementary#B3FE81 Analogous#8D81FE Analogous#FE81F1 Triadic#FECC81 Triadic#81FECC

Tints & Shades

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

Tints

#D290FE #DAA4FE #E0B3FE #E6C2FE #EDD2FF #F5E6FF

Shades

#B74EFD #A31CFD #8902E3 #6802AC #490179 #2B0147

Use #CC80FE in Our Tools

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