Preview
#d2c6ff
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.58:1 · vs black: 13.26:1
HEX
#d2c6ff
RGB
rgb(210, 198, 255)
RGBA
rgba(210, 198, 255, 1)
HSL
hsl(253, 100%, 89%)
HSV
hsv(253, 22%, 100%)
LAB
lab(82.54% 15.34 -26.43)
LCH
lch(82.54% 30.56 300.13)
OKLAB
oklab(0.8554 0.0327 -0.0723)
OKLCH
oklch(0.8554 0.0794 294.34)
XYZ
xyz(64.82, 61.31, 103.01)
CMYK
cmyk(18%, 22%, 0%, 0%)
CSS
color: #d2c6ff;
CSS variable
--color-d2c6ff: #d2c6ff;
SCSS
$color-d2c6ff: #d2c6ff;
Tailwind
indigo-100
Export
:root {
--#d2c6ff-1: #d2c6ff;
}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.