Preview
#f5e5ef
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.21:1 · vs black: 17.34:1
HEX
#f5e5ef
RGB
rgb(245, 229, 239)
RGBA
rgba(245, 229, 239, 1)
HSL
hsl(323, 44%, 93%)
HSV
hsv(323, 7%, 96%)
LAB
lab(92.44% 7.15 -2.89)
LCH
lch(92.44% 7.71 337.99)
OKLAB
oklab(0.9375 0.0204 -0.0076)
OKLCH
oklch(0.9375 0.0218 339.57)
XYZ
xyz(81.25, 81.68, 93.13)
CMYK
cmyk(0%, 7%, 2%, 4%)
CSS
color: #f5e5ef;
CSS variable
--color-f5e5ef: #f5e5ef;
SCSS
$color-f5e5ef: #f5e5ef;
Tailwind
pink-50
Export
:root {
--#f5e5ef-1: #f5e5ef;
}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.