Preview
#decceb
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.51:1 · vs black: 13.94:1
HEX
#decceb
RGB
rgb(222, 204, 235)
RGBA
rgba(222, 204, 235, 1)
HSL
hsl(275, 44%, 86%)
HSV
hsv(275, 13%, 92%)
LAB
lab(84.34% 11.86 -12.99)
LCH
lch(84.34% 17.59 312.4)
OKLAB
oklab(0.8695 0.0305 -0.0349)
OKLCH
oklch(0.8695 0.0463 311.15)
XYZ
xyz(66.71, 64.71, 87.56)
CMYK
cmyk(6%, 13%, 0%, 8%)
CSS
color: #decceb;
CSS variable
--color-decceb: #decceb;
SCSS
$color-decceb: #decceb;
Tailwind
violet-100
Export
:root {
--#decceb-1: #decceb;
}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.