Preview
#ca99ff
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 2.21:1 · vs black: 9.51:1
HEX
#ca99ff
RGB
rgb(202, 153, 255)
RGBA
rgba(202, 153, 255, 1)
HSL
hsl(269, 100%, 80%)
HSV
hsv(269, 40%, 100%)
LAB
lab(71.25% 37.49 -43.95)
LCH
lch(71.25% 57.77 310.46)
OKLAB
oklab(0.7673 0.0864 -0.1222)
OKLCH
oklch(0.7673 0.1497 305.26)
XYZ
xyz(53.79, 42.56, 99.97)
CMYK
cmyk(21%, 40%, 0%, 0%)
CSS
color: #ca99ff;
CSS variable
--color-ca99ff: #ca99ff;
SCSS
$color-ca99ff: #ca99ff;
Tailwind
violet-200
Export
:root {
--#ca99ff-1: #ca99ff;
}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.