Preview
#f5dced
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.28:1 · vs black: 16.34:1
HEX
#f5dced
RGB
rgb(245, 220, 237)
RGBA
rgba(245, 220, 237, 1)
HSL
hsl(319, 56%, 91%)
HSV
hsv(319, 10%, 96%)
LAB
lab(90.19% 11.47 -5.15)
LCH
lch(90.19% 12.57 335.82)
OKLAB
oklab(0.9198 0.0326 -0.0136)
OKLCH
oklch(0.9198 0.0353 337.36)
XYZ
xyz(78.53, 76.71, 90.77)
CMYK
cmyk(0%, 10%, 3%, 4%)
CSS
color: #f5dced;
CSS variable
--color-f5dced: #f5dced;
SCSS
$color-f5dced: #f5dced;
Tailwind
fuchsia-50
Export
:root {
--#f5dced-1: #f5dced;
}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.