Preview
#ded4e3
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.44:1 · vs black: 14.63:1
HEX
#ded4e3
RGB
rgb(222, 212, 227)
RGBA
rgba(222, 212, 227, 1)
HSL
hsl(280, 21%, 86%)
HSV
hsv(280, 7%, 89%)
LAB
lab(86.09% 6.13 -6.14)
LCH
lch(86.09% 8.68 314.95)
OKLAB
oklab(0.8824 0.0162 -0.0163)
OKLCH
oklch(0.8824 0.023 314.82)
XYZ
xyz(67.53, 68.16, 82.26)
CMYK
cmyk(2%, 7%, 0%, 11%)
CSS
color: #ded4e3;
CSS variable
--color-ded4e3: #ded4e3;
SCSS
$color-ded4e3: #ded4e3;
Tailwind
purple-100
Export
:root {
--#ded4e3-1: #ded4e3;
}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.