Preview
#ecd8e5
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.35:1 · vs black: 15.52:1
HEX
#ecd8e5
RGB
rgb(236, 216, 229)
RGBA
rgba(236, 216, 229, 1)
HSL
hsl(321, 34%, 89%)
HSV
hsv(321, 8%, 93%)
LAB
lab(88.26% 9.11 -3.87)
LCH
lch(88.26% 9.9 336.98)
OKLAB
oklab(0.9022 0.026 -0.0102)
OKLCH
oklch(0.9022 0.0279 338.58)
XYZ
xyz(73.29, 72.60, 84.27)
CMYK
cmyk(0%, 8%, 3%, 7%)
CSS
color: #ecd8e5;
CSS variable
--color-ecd8e5: #ecd8e5;
SCSS
$color-ecd8e5: #ecd8e5;
Tailwind
pink-100
Export
:root {
--#ecd8e5-1: #ecd8e5;
}Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Pink family.