Preview
#f4ddee
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.28:1 · vs black: 16.42:1
HEX
#f4ddee
RGB
rgb(244, 221, 238)
RGBA
rgba(244, 221, 238, 1)
HSL
hsl(316, 51%, 91%)
HSV
hsv(316, 9%, 96%)
LAB
lab(90.38% 10.79 -5.41)
LCH
lch(90.38% 12.07 333.37)
OKLAB
oklab(0.9211 0.0305 -0.0143)
OKLCH
oklch(0.9211 0.0337 334.88)
XYZ
xyz(78.60, 77.12, 91.62)
CMYK
cmyk(0%, 9%, 2%, 4%)
CSS
color: #f4ddee;
CSS variable
--color-f4ddee: #f4ddee;
SCSS
$color-f4ddee: #f4ddee;
Tailwind
fuchsia-50
Export
:root {
--#f4ddee-1: #f4ddee;
}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.