Preview
#ddd9ff
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.36:1 · vs black: 15.44:1
HEX
#ddd9ff
RGB
rgb(221, 217, 255)
RGBA
rgba(221, 217, 255, 1)
HSL
hsl(246, 100%, 93%)
HSV
hsv(246, 15%, 100%)
LAB
lab(88.07% 8.63 -17.97)
LCH
lch(88.07% 19.93 295.65)
OKLAB
oklab(0.9004 0.0179 -0.0487)
OKLCH
oklch(0.9004 0.0519 290.18)
XYZ
xyz(72.68, 72.22, 104.70)
CMYK
cmyk(13%, 15%, 0%, 0%)
CSS
color: #ddd9ff;
CSS variable
--color-ddd9ff: #ddd9ff;
SCSS
$color-ddd9ff: #ddd9ff;
Tailwind
indigo-50
Export
:root {
--#ddd9ff-1: #ddd9ff;
}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.