Preview
#ff8ed9
Family: Pink
Accessibility on this swatch:
Contrast vs white: 2.07:1 · vs black: 10.12:1
HEX
#ff8ed9
RGB
rgb(255, 142, 217)
RGBA
rgba(255, 142, 217, 1)
HSL
hsl(320, 100%, 78%)
HSV
hsv(320, 44%, 100%)
LAB
lab(73.3% 52.05 -19.55)
LCH
lch(73.3% 55.6 339.41)
OKLAB
oklab(0.7907 0.1532 -0.0521)
OKLCH
oklch(0.7907 0.1618 341.22)
XYZ
xyz(63.44, 45.62, 71.10)
CMYK
cmyk(0%, 44%, 15%, 0%)
CSS
color: #ff8ed9;
CSS variable
--color-ff8ed9: #ff8ed9;
SCSS
$color-ff8ed9: #ff8ed9;
Tailwind
pink-200
Export
:root {
--#ff8ed9-1: #ff8ed9;
}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.