Preview
#dfd3de
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.45:1 · vs black: 14.51:1
HEX
#dfd3de
RGB
rgb(223, 211, 222)
RGBA
rgba(223, 211, 222, 1)
HSL
hsl(305, 16%, 85%)
HSV
hsv(305, 5%, 87%)
LAB
lab(85.78% 6.07 -3.93)
LCH
lch(85.78% 7.23 327.08)
OKLAB
oklab(0.8797 0.0168 -0.0104)
OKLCH
oklch(0.8797 0.0198 328.24)
XYZ
xyz(66.91, 67.55, 78.61)
CMYK
cmyk(0%, 5%, 0%, 13%)
CSS
color: #dfd3de;
CSS variable
--color-dfd3de: #dfd3de;
SCSS
$color-dfd3de: #dfd3de;
Tailwind
fuchsia-100
Export
:root {
--#dfd3de-1: #dfd3de;
}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.