Preview
#e6cdf4
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.46:1 · vs black: 14.4:1
HEX
#e6cdf4
RGB
rgb(230, 205, 244)
RGBA
rgba(230, 205, 244, 1)
HSL
hsl(278, 64%, 88%)
HSV
hsv(278, 16%, 96%)
LAB
lab(85.51% 15.67 -15.94)
LCH
lch(85.51% 22.35 314.51)
OKLAB
oklab(0.8811 0.0407 -0.0429)
OKLCH
oklch(0.8811 0.0591 313.49)
XYZ
xyz(70.79, 67.02, 94.78)
CMYK
cmyk(6%, 16%, 0%, 4%)
CSS
color: #e6cdf4;
CSS variable
--color-e6cdf4: #e6cdf4;
SCSS
$color-e6cdf4: #e6cdf4;
Tailwind
violet-100
Export
:root {
--#e6cdf4-1: #e6cdf4;
}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.