Preview
#ecd6f0
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.36:1 · vs black: 15.44:1
HEX
#ecd6f0
RGB
rgb(236, 214, 240)
RGBA
rgba(236, 214, 240, 1)
HSL
hsl(291, 46%, 89%)
HSV
hsv(291, 11%, 94%)
LAB
lab(88.07% 12.14 -9.94)
LCH
lch(88.07% 15.69 320.69)
OKLAB
oklab(0.9018 0.0328 -0.0265)
OKLCH
oklch(0.9018 0.0422 321.06)
XYZ
xyz(74.36, 72.22, 92.44)
CMYK
cmyk(2%, 11%, 0%, 6%)
CSS
color: #ecd6f0;
CSS variable
--color-ecd6f0: #ecd6f0;
SCSS
$color-ecd6f0: #ecd6f0;
Tailwind
purple-100
Export
:root {
--#ecd6f0-1: #ecd6f0;
}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.