Preview
#d3d3e3
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.48:1 · vs black: 14.2:1
HEX
#d3d3e3
RGB
rgb(211, 211, 227)
RGBA
rgba(211, 211, 227, 1)
HSL
hsl(240, 22%, 86%)
HSV
hsv(240, 7%, 89%)
LAB
lab(84.99% 3 -7.86)
LCH
lch(84.99% 8.41 290.89)
OKLAB
oklab(0.8717 0.006 -0.0211)
OKLCH
oklch(0.8717 0.0219 285.87)
XYZ
xyz(64.02, 65.98, 82.02)
CMYK
cmyk(7%, 7%, 0%, 11%)
CSS
color: #d3d3e3;
CSS variable
--color-d3d3e3: #d3d3e3;
SCSS
$color-d3d3e3: #d3d3e3;
Tailwind
indigo-100
Export
:root {
--#d3d3e3-1: #d3d3e3;
}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.