Preview
#dccbf4
Family: Deep Purple
Accessibility on this swatch:
Contrast vs white: 1.51:1 · vs black: 13.89:1
HEX
#dccbf4
RGB
rgb(220, 203, 244)
RGBA
rgba(220, 203, 244, 1)
HSL
hsl(265, 65%, 88%)
HSV
hsv(265, 17%, 96%)
LAB
lab(84.2% 13.51 -17.99)
LCH
lch(84.2% 22.5 306.91)
OKLAB
oklab(0.869 0.0328 -0.0486)
OKLCH
oklch(0.869 0.0586 304.02)
XYZ
xyz(67.20, 64.46, 94.47)
CMYK
cmyk(10%, 17%, 0%, 4%)
CSS
color: #dccbf4;
CSS variable
--color-dccbf4: #dccbf4;
SCSS
$color-dccbf4: #dccbf4;
Tailwind
violet-100
Export
:root {
--#dccbf4-1: #dccbf4;
}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.