Preview
#ffbbf6
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.53:1 · vs black: 13.69:1
HEX
#ffbbf6
RGB
rgb(255, 187, 246)
RGBA
rgba(255, 187, 246, 1)
HSL
hsl(308, 100%, 87%)
HSV
hsv(308, 27%, 100%)
LAB
lab(83.68% 33.69 -19.54)
LCH
lch(83.68% 38.95 329.89)
OKLAB
oklab(0.8725 0.0949 -0.0524)
OKLCH
oklch(0.8725 0.1084 331.09)
XYZ
xyz(75.64, 63.46, 95.43)
CMYK
cmyk(0%, 27%, 4%, 0%)
CSS
color: #ffbbf6;
CSS variable
--color-ffbbf6: #ffbbf6;
SCSS
$color-ffbbf6: #ffbbf6;
Tailwind
fuchsia-100
Export
:root {
--#ffbbf6-1: #ffbbf6;
}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.