Preview
#ecd2f0
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.4:1 · vs black: 15.04:1
HEX
#ecd2f0
RGB
rgb(236, 210, 240)
RGBA
rgba(236, 210, 240, 1)
HSL
hsl(292, 50%, 88%)
HSV
hsv(292, 13%, 94%)
LAB
lab(87.1% 14.24 -11.39)
LCH
lch(87.1% 18.23 321.35)
OKLAB
oklab(0.8943 0.0386 -0.0304)
OKLCH
oklch(0.8943 0.0491 321.78)
XYZ
xyz(73.36, 70.22, 92.11)
CMYK
cmyk(2%, 13%, 0%, 6%)
CSS
color: #ecd2f0;
CSS variable
--color-ecd2f0: #ecd2f0;
SCSS
$color-ecd2f0: #ecd2f0;
Tailwind
purple-100
Export
:root {
--#ecd2f0-1: #ecd2f0;
}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.