Preview
#cc00ff
Family: Purple
Accessibility on this swatch:
Contrast vs white: 4.19:1 · vs black: 5.01:1
HEX
#cc00ff
RGB
rgb(204, 0, 255)
RGBA
rgba(204, 0, 255, 1)
HSL
hsl(288, 100%, 50%)
HSV
hsv(288, 100%, 100%)
LAB
lab(51.9% 90.99 -74.83)
LCH
lch(51.9% 117.81 320.57)
OKLAB
oklab(0.6273 0.2221 -0.2116)
OKLCH
oklch(0.6273 0.3068 316.39)
XYZ
xyz(42.95, 20.06, 96.20)
CMYK
cmyk(20%, 100%, 0%, 0%)
CSS
color: #cc00ff;
CSS variable
--color-cc00ff: #cc00ff;
SCSS
$color-cc00ff: #cc00ff;
Tailwind
purple-500
Export
:root {
--web-safe-#cc00ff-1: #cc00ff;
}Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.