Preview
#edc5f6
Family: Purple
Accessibility on this swatch:
Contrast vs white: 1.51:1 · vs black: 13.92:1
HEX
#edc5f6
RGB
rgb(237, 197, 246)
RGBA
rgba(237, 197, 246, 1)
HSL
hsl(289, 73%, 87%)
HSV
hsv(289, 20%, 96%)
LAB
lab(84.27% 22.57 -18.81)
LCH
lch(84.27% 29.38 320.19)
OKLAB
oklab(0.8731 0.0605 -0.0507)
OKLCH
oklch(0.8731 0.0789 320.04)
XYZ
xyz(71.52, 64.59, 95.87)
CMYK
cmyk(4%, 20%, 0%, 4%)
CSS
color: #edc5f6;
CSS variable
--color-edc5f6: #edc5f6;
SCSS
$color-edc5f6: #edc5f6;
Tailwind
purple-100
Export
:root {
--#edc5f6-1: #edc5f6;
}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.