Preview
#9966ff
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 3.68:1 · vs black: 5.7:1
HEX
#9966ff
RGB
rgb(153, 102, 255)
RGBA
rgba(153, 102, 255, 1)
HSL
hsl(260, 100%, 70%)
HSV
hsv(260, 60%, 100%)
LAB
lab(55.58% 53.02 -69.18)
LCH
lch(55.58% 87.16 307.47)
OKLAB
oklab(0.6396 0.0913 -0.1971)
OKLCH
oklch(0.6396 0.2172 294.85)
XYZ
xyz(35.93, 23.49, 97.23)
CMYK
cmyk(40%, 60%, 0%, 0%)
CSS
color: #9966ff;
CSS variable
--color-9966ff: #9966ff;
SCSS
$color-9966ff: #9966ff;
Tailwind
violet-300
Export
:root {
--web-safe-#9966ff-1: #9966ff;
}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.