Preview
#ffdcff
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.24:1 · vs black: 16.93:1
HEX
#ffdcff
RGB
rgb(255, 220, 255)
RGBA
rgba(255, 220, 255, 1)
HSL
hsl(300, 100%, 93%)
HSV
hsv(300, 14%, 100%)
LAB
lab(91.54% 17.98 -12.5)
LCH
lch(91.54% 21.9 325.19)
OKLAB
oklab(0.9339 0.0495 -0.0334)
OKLCH
oklch(0.9339 0.0597 325.99)
XYZ
xyz(84.88, 79.67, 105.49)
CMYK
cmyk(0%, 14%, 0%, 0%)
CSS
color: #ffdcff;
CSS variable
--color-ffdcff: #ffdcff;
SCSS
$color-ffdcff: #ffdcff;
Tailwind
fuchsia-50
Export
:root {
--#ffdcff-1: #ffdcff;
}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.