Preview
#f5eff4
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.13:1 · vs black: 18.54:1
HEX
#f5eff4
RGB
rgb(245, 239, 244)
RGBA
rgba(245, 239, 244, 1)
HSL
hsl(310, 23%, 95%)
HSV
hsv(310, 2%, 96%)
LAB
lab(95.02% 2.88 -1.69)
LCH
lch(95.02% 3.34 329.6)
OKLAB
oklab(0.9582 0.008 -0.0045)
OKLCH
oklch(0.9582 0.0092 330.64)
XYZ
xyz(84.85, 87.68, 98.02)
CMYK
cmyk(0%, 2%, 0%, 4%)
CSS
color: #f5eff4;
CSS variable
--color-f5eff4: #f5eff4;
SCSS
$color-f5eff4: #f5eff4;
Tailwind
fuchsia-50
Export
:root {
--#f5eff4-1: #f5eff4;
}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.