Preview
#d2cdf4
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.78:1
HEX
#d2cdf4
RGB
rgb(210, 205, 244)
RGBA
rgba(210, 205, 244, 1)
HSL
hsl(248, 64%, 88%)
HSV
hsv(248, 16%, 96%)
LAB
lab(83.91% 9.27 -18.51)
LCH
lch(83.91% 20.7 296.6)
OKLAB
oklab(0.8648 0.0194 -0.0502)
OKLCH
oklch(0.8648 0.0538 291.13)
XYZ
xyz(64.74, 63.90, 94.49)
CMYK
cmyk(14%, 16%, 0%, 4%)
CSS
color: #d2cdf4;
CSS variable
--color-d2cdf4: #d2cdf4;
SCSS
$color-d2cdf4: #d2cdf4;
Tailwind
indigo-100
Export
:root {
--#d2cdf4-1: #d2cdf4;
}Intuition, depth, and sincerity. Common in enterprise software and thoughtful products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Indigo family.