Preview
#eda3ff
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.86:1 · vs black: 11.28:1
HEX
#eda3ff
RGB
rgb(237, 163, 255)
RGBA
rgba(237, 163, 255, 1)
HSL
hsl(288, 100%, 82%)
HSV
hsv(288, 36%, 100%)
LAB
lab(76.93% 42.35 -34.84)
LCH
lch(76.93% 54.84 320.56)
OKLAB
oklab(0.8181 0.1122 -0.0955)
OKLCH
oklch(0.8181 0.1473 319.6)
XYZ
xyz(66.07, 51.42, 101.03)
CMYK
cmyk(7%, 36%, 0%, 0%)
CSS
color: #eda3ff;
CSS variable
--color-eda3ff: #eda3ff;
SCSS
$color-eda3ff: #eda3ff;
Tailwind
purple-100
Export
:root {
--#eda3ff-1: #eda3ff;
}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.