Preview
#e0cce9
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.5:1 · vs black: 13.98:1
HEX
#e0cce9
RGB
rgb(224, 204, 233)
RGBA
rgba(224, 204, 233, 1)
HSL
hsl(281, 40%, 86%)
HSV
hsv(281, 12%, 91%)
LAB
lab(84.44% 12.14 -11.75)
LCH
lch(84.44% 16.9 315.94)
OKLAB
oklab(0.8705 0.032 -0.0315)
OKLCH
oklch(0.8705 0.0449 315.45)
XYZ
xyz(67.04, 64.92, 86.07)
CMYK
cmyk(4%, 12%, 0%, 9%)
CSS
color: #e0cce9;
CSS variable
--color-e0cce9: #e0cce9;
SCSS
$color-e0cce9: #e0cce9;
Tailwind
purple-100
Export
:root {
--#e0cce9-1: #e0cce9;
}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.