Preview
#f1c4ec
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.85:1
HEX
#f1c4ec
RGB
rgb(241, 196, 236)
RGBA
rgba(241, 196, 236, 1)
HSL
hsl(307, 62%, 86%)
HSV
hsv(307, 19%, 95%)
LAB
lab(84.09% 22.58 -13.72)
LCH
lch(84.09% 26.42 328.72)
OKLAB
oklab(0.8716 0.0631 -0.0366)
OKLCH
oklch(0.8716 0.0729 329.88)
XYZ
xyz(71.15, 64.24, 87.99)
CMYK
cmyk(0%, 19%, 2%, 5%)
CSS
color: #f1c4ec;
CSS variable
--color-f1c4ec: #f1c4ec;
SCSS
$color-f1c4ec: #f1c4ec;
Tailwind
fuchsia-100
Export
:root {
--#f1c4ec-1: #f1c4ec;
}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.