Preview
#d2ccff
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.82:1
HEX
#d2ccff
RGB
rgb(210, 204, 255)
RGBA
rgba(210, 204, 255, 1)
HSL
hsl(247, 100%, 90%)
HSV
hsv(247, 20%, 100%)
LAB
lab(84.02% 12.12 -24.18)
LCH
lch(84.02% 27.05 296.62)
OKLAB
oklab(0.8668 0.0243 -0.066)
OKLCH
oklch(0.8668 0.0703 290.21)
XYZ
xyz(66.22, 64.11, 103.47)
CMYK
cmyk(18%, 20%, 0%, 0%)
CSS
color: #d2ccff;
CSS variable
--color-d2ccff: #d2ccff;
SCSS
$color-d2ccff: #d2ccff;
Tailwind
indigo-100
Export
:root {
--#d2ccff-1: #d2ccff;
}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.