Preview
#ffb2ff
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.61:1 · vs black: 13.06:1
HEX
#ffb2ff
RGB
rgb(255, 178, 255)
RGBA
rgba(255, 178, 255, 1)
HSL
hsl(300, 100%, 85%)
HSV
hsv(300, 30%, 100%)
LAB
lab(82.01% 39.99 -26.88)
LCH
lch(82.01% 48.18 326.09)
OKLAB
oklab(0.8608 0.1106 -0.0728)
OKLCH
oklch(0.8608 0.1324 326.65)
XYZ
xyz(75.21, 60.32, 102.27)
CMYK
cmyk(0%, 30%, 0%, 0%)
CSS
color: #ffb2ff;
CSS variable
--color-ffb2ff: #ffb2ff;
SCSS
$color-ffb2ff: #ffb2ff;
Tailwind
fuchsia-100
Export
:root {
--#ffb2ff-1: #ffb2ff;
}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.