Preview
#ecdfec
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.29:1 · vs black: 16.33:1
HEX
#ecdfec
RGB
rgb(236, 223, 236)
RGBA
rgba(236, 223, 236, 1)
HSL
hsl(300, 25%, 90%)
HSV
hsv(300, 6%, 93%)
LAB
lab(90.17% 6.71 -4.74)
LCH
lch(90.17% 8.22 324.76)
OKLAB
oklab(0.9178 0.0184 -0.0125)
OKLCH
oklch(0.9178 0.0222 325.81)
XYZ
xyz(76.12, 76.66, 90.13)
CMYK
cmyk(0%, 6%, 0%, 7%)
CSS
color: #ecdfec;
CSS variable
--color-ecdfec: #ecdfec;
SCSS
$color-ecdfec: #ecdfec;
Tailwind
fuchsia-100
Export
:root {
--#ecdfec-1: #ecdfec;
}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.