Preview
#ffb8f9
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.56:1 · vs black: 13.48:1
HEX
#ffb8f9
RGB
rgb(255, 184, 249)
RGBA
rgba(255, 184, 249, 1)
HSL
hsl(305, 100%, 86%)
HSV
hsv(305, 28%, 100%)
LAB
lab(83.12% 35.79 -21.99)
LCH
lch(83.12% 42.01 328.43)
OKLAB
oklab(0.8685 0.1002 -0.0592)
OKLCH
oklch(0.8685 0.1164 329.42)
XYZ
xyz(75.48, 62.38, 97.67)
CMYK
cmyk(0%, 28%, 2%, 0%)
CSS
color: #ffb8f9;
CSS variable
--color-ffb8f9: #ffb8f9;
SCSS
$color-ffb8f9: #ffb8f9;
Tailwind
fuchsia-100
Export
:root {
--#ffb8f9-1: #ffb8f9;
}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.