Preview
#d3c4dd
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.65:1 · vs black: 12.71:1
HEX
#d3c4dd
RGB
rgb(211, 196, 221)
RGBA
rgba(211, 196, 221, 1)
HSL
hsl(276, 27%, 82%)
HSV
hsv(276, 11%, 87%)
LAB
lab(81.04% 9.8 -10.52)
LCH
lch(81.04% 14.38 312.97)
OKLAB
oklab(0.8403 0.0254 -0.0282)
OKLCH
oklch(0.8403 0.038 312.01)
XYZ
xyz(59.65, 58.55, 76.55)
CMYK
cmyk(5%, 11%, 0%, 13%)
CSS
color: #d3c4dd;
CSS variable
--color-d3c4dd: #d3c4dd;
SCSS
$color-d3c4dd: #d3c4dd;
Tailwind
violet-100
Export
:root {
--#d3c4dd-1: #d3c4dd;
}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.