Preview
#ffb7f7
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.57:1 · vs black: 13.37:1
HEX
#ffb7f7
RGB
rgb(255, 183, 247)
RGBA
rgba(255, 183, 247, 1)
HSL
hsl(307, 100%, 86%)
HSV
hsv(307, 28%, 100%)
LAB
lab(82.83% 35.96 -21.36)
LCH
lch(82.83% 41.83 329.29)
OKLAB
oklab(0.8661 0.1011 -0.0574)
OKLCH
oklch(0.8661 0.1163 330.41)
XYZ
xyz(74.96, 61.85, 95.97)
CMYK
cmyk(0%, 28%, 3%, 0%)
CSS
color: #ffb7f7;
CSS variable
--color-ffb7f7: #ffb7f7;
SCSS
$color-ffb7f7: #ffb7f7;
Tailwind
fuchsia-100
Export
:root {
--#ffb7f7-1: #ffb7f7;
}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.