Preview
#fff7fe
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.05:1 · vs black: 19.99:1
HEX
#fff7fe
RGB
rgb(255, 247, 254)
RGBA
rgba(255, 247, 254, 1)
HSL
hsl(308, 100%, 98%)
HSV
hsv(308, 3%, 100%)
LAB
lab(98.01% 3.88 -2.4)
LCH
lch(98.01% 4.56 328.26)
OKLAB
oklab(0.9843 0.0108 -0.0063)
OKLCH
oklch(0.9843 0.0125 329.74)
XYZ
xyz(92.39, 94.94, 107.20)
CMYK
cmyk(0%, 3%, 0%, 0%)
CSS
color: #fff7fe;
CSS variable
--color-fff7fe: #fff7fe;
SCSS
$color-fff7fe: #fff7fe;
Tailwind
fuchsia-50
Export
:root {
--#fff7fe-1: #fff7fe;
}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.