Preview
#ecdfef
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.28:1 · vs black: 16.37:1
HEX
#ecdfef
RGB
rgb(236, 223, 239)
RGBA
rgba(236, 223, 239, 1)
HSL
hsl(289, 33%, 91%)
HSV
hsv(289, 7%, 94%)
LAB
lab(90.25% 7.25 -6.19)
LCH
lch(90.25% 9.53 319.51)
OKLAB
oklab(0.9187 0.0195 -0.0165)
OKLCH
oklch(0.9187 0.0255 319.76)
XYZ
xyz(76.56, 76.84, 92.44)
CMYK
cmyk(1%, 7%, 0%, 6%)
CSS
color: #ecdfef;
CSS variable
--color-ecdfef: #ecdfef;
SCSS
$color-ecdfef: #ecdfef;
Tailwind
purple-50
Export
:root {
--#ecdfef-1: #ecdfef;
}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.