Preview
#f9c9f1
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.43:1 · vs black: 14.65:1
HEX
#f9c9f1
RGB
rgb(249, 201, 241)
RGBA
rgba(249, 201, 241, 1)
HSL
hsl(310, 80%, 88%)
HSV
hsv(310, 19%, 98%)
LAB
lab(86.14% 23.48 -13.24)
LCH
lch(86.14% 26.96 330.58)
OKLAB
oklab(0.8896 0.0661 -0.0353)
OKLCH
oklch(0.8896 0.0749 331.9)
XYZ
xyz(75.83, 68.27, 92.38)
CMYK
cmyk(0%, 19%, 3%, 2%)
CSS
color: #f9c9f1;
CSS variable
--color-f9c9f1: #f9c9f1;
SCSS
$color-f9c9f1: #f9c9f1;
Tailwind
fuchsia-100
Export
:root {
--#f9c9f1-1: #f9c9f1;
}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.