Preview
#f4e4ee
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.22:1 · vs black: 17.18:1
HEX
#f4e4ee
RGB
rgb(244, 228, 238)
RGBA
rgba(244, 228, 238, 1)
HSL
hsl(323, 42%, 93%)
HSV
hsv(323, 7%, 96%)
LAB
lab(92.08% 7.15 -2.89)
LCH
lch(92.08% 7.71 337.99)
OKLAB
oklab(0.9345 0.0204 -0.0076)
OKLCH
oklch(0.9345 0.0218 339.57)
XYZ
xyz(80.48, 80.89, 92.25)
CMYK
cmyk(0%, 7%, 2%, 4%)
CSS
color: #f4e4ee;
CSS variable
--color-f4e4ee: #f4e4ee;
SCSS
$color-f4e4ee: #f4e4ee;
Tailwind
pink-50
Export
:root {
--#f4e4ee-1: #f4e4ee;
}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.