Preview
#ffecff
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.12:1 · vs black: 18.69:1
HEX
#ffecff
RGB
rgb(255, 236, 255)
RGBA
rgba(255, 236, 255, 1)
HSL
hsl(300, 100%, 96%)
HSV
hsv(300, 7%, 100%)
LAB
lab(95.36% 9.68 -6.82)
LCH
lch(95.36% 11.84 324.83)
OKLAB
oklab(0.9637 0.0266 -0.0181)
OKLCH
oklch(0.9637 0.0322 325.77)
XYZ
xyz(89.28, 88.47, 106.96)
CMYK
cmyk(0%, 7%, 0%, 0%)
CSS
color: #ffecff;
CSS variable
--color-ffecff: #ffecff;
SCSS
$color-ffecff: #ffecff;
Tailwind
fuchsia-50
Export
:root {
--#ffecff-1: #ffecff;
}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.