Preview
#ded6dc
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.42:1 · vs black: 14.76:1
HEX
#ded6dc
RGB
rgb(222, 214, 220)
RGBA
rgba(222, 214, 220, 1)
HSL
hsl(315, 11%, 85%)
HSV
hsv(315, 4%, 87%)
LAB
lab(86.4% 3.8 -1.97)
LCH
lch(86.4% 4.28 332.6)
OKLAB
oklab(0.8842 0.0107 -0.0052)
OKLCH
oklch(0.8842 0.0119 334.08)
XYZ
xyz(67.09, 68.79, 77.44)
CMYK
cmyk(0%, 4%, 1%, 13%)
CSS
color: #ded6dc;
CSS variable
--color-ded6dc: #ded6dc;
SCSS
$color-ded6dc: #ded6dc;
Tailwind
fuchsia-100
Export
:root {
--#ded6dc-1: #ded6dc;
}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.