Preview
#ffbdf4
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.84:1
HEX
#ffbdf4
RGB
rgb(255, 189, 244)
RGBA
rgba(255, 189, 244, 1)
HSL
hsl(310, 100%, 87%)
HSV
hsv(310, 26%, 100%)
LAB
lab(84.06% 32.29 -17.89)
LCH
lch(84.06% 36.91 331.01)
OKLAB
oklab(0.8752 0.0913 -0.0479)
OKLCH
oklch(0.8752 0.1031 332.32)
XYZ
xyz(75.77, 64.19, 93.97)
CMYK
cmyk(0%, 26%, 4%, 0%)
CSS
color: #ffbdf4;
CSS variable
--color-ffbdf4: #ffbdf4;
SCSS
$color-ffbdf4: #ffbdf4;
Tailwind
fuchsia-100
Export
:root {
--#ffbdf4-1: #ffbdf4;
}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.