Preview
#ddcad6
Family: Pink
Accessibility on this swatch:
Contrast vs white: 1.56:1 · vs black: 13.49:1
HEX
#ddcad6
RGB
rgb(221, 202, 214)
RGBA
rgba(221, 202, 214, 1)
HSL
hsl(322, 22%, 83%)
HSV
hsv(322, 9%, 87%)
LAB
lab(83.16% 8.7 -3.55)
LCH
lch(83.16% 9.4 337.8)
OKLAB
oklab(0.8581 0.0249 -0.0093)
OKLCH
oklch(0.8581 0.0266 339.52)
XYZ
xyz(63.08, 62.47, 72.34)
CMYK
cmyk(0%, 9%, 3%, 13%)
CSS
color: #ddcad6;
CSS variable
--color-ddcad6: #ddcad6;
SCSS
$color-ddcad6: #ddcad6;
Tailwind
pink-100
Export
:root {
--#ddcad6-1: #ddcad6;
}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.