Preview
#cc99ff
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 2.19:1 · vs black: 9.57:1
HEX
#cc99ff
RGB
rgb(204, 153, 255)
RGBA
rgba(204, 153, 255, 1)
HSL
hsl(270, 100%, 80%)
HSV
hsv(270, 40%, 100%)
LAB
lab(71.45% 38.06 -43.63)
LCH
lch(71.45% 57.9 311.1)
OKLAB
oklab(0.7692 0.0887 -0.1212)
OKLCH
oklch(0.7692 0.1502 306.2)
XYZ
xyz(54.34, 42.84, 99.99)
CMYK
cmyk(20%, 40%, 0%, 0%)
CSS
color: #cc99ff;
CSS variable
--color-cc99ff: #cc99ff;
SCSS
$color-cc99ff: #cc99ff;
Tailwind
violet-200
Export
:root {
--web-safe-#cc99ff-1: #cc99ff;
}Mystery, ambition, and creativity. Strong for artistic and spiritual associations.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Purple family.