Preview
#ddd6fe
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.39:1 · vs black: 15.12:1
HEX
#ddd6fe
RGB
rgb(221, 214, 254)
RGBA
rgba(221, 214, 254, 1)
HSL
hsl(251, 95%, 92%)
HSV
hsv(251, 16%, 100%)
LAB
lab(87.3% 10.01 -18.61)
LCH
lch(87.3% 21.13 298.28)
OKLAB
oklab(0.8943 0.0217 -0.0504)
OKLCH
oklch(0.8943 0.0549 293.29)
XYZ
xyz(71.75, 70.62, 103.60)
CMYK
cmyk(13%, 16%, 0%, 0%)
CSS
color: #ddd6fe;
CSS variable
--color-ddd6fe: #ddd6fe;
SCSS
$color-ddd6fe: #ddd6fe;
Tailwind
indigo-50
Export
:root {
--tailwind-violet-200-1: #ddd6fe;
}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.