#CC30F8 Color

#CC30F8 is rgb(204, 48, 248) in RGB and hsl(287, 93%, 58%) in HSL. The closest CSS named color is MediumOrchid. Black text is most readable on this background.

#CC30F8

HEX#CC30F8

RGBrgb(204, 48, 248)

HSLhsl(287, 93%, 58%)

HSVhsv(287, 81%, 97%)

OKLCHoklch(63.9% 0.282 317.1)

CMYKcmyk(18%, 81%, 0%, 3%)

Text Contrast & Accessibility

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

TextWhite text3.93:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.35:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#CC30F8 Complementary#5BF830 Analogous#6930F8 Analogous#F830BF Triadic#F8CC30 Triadic#30F8CC

Tints & Shades

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

Tints

#D44EF9 #DA66F9 #E184FB #E8A1FC #EFBFFD #F5D8FE

Shades

#C309F6 #A708D4 #8806AC #690585 #4A035E #2F023B

Use #CC30F8 in Our Tools

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