Preview
#ecd3ef
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.39:1 · vs black: 15.13:1
HEX
#ecd3ef
RGB
rgb(236, 211, 239)
RGBA
rgba(236, 211, 239, 1)
HSL
hsl(294, 47%, 88%)
HSV
hsv(294, 12%, 94%)
LAB
lab(87.32% 13.53 -10.54)
LCH
lch(87.32% 17.15 322.08)
OKLAB
oklab(0.8958 0.0368 -0.0281)
OKLCH
oklch(0.8958 0.0463 322.64)
XYZ
xyz(73.46, 70.65, 91.41)
CMYK
cmyk(1%, 12%, 0%, 6%)
CSS
color: #ecd3ef;
CSS variable
--color-ecd3ef: #ecd3ef;
SCSS
$color-ecd3ef: #ecd3ef;
Tailwind
purple-100
Export
:root {
--#ecd3ef-1: #ecd3ef;
}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.