Preview
#9d9ddc
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.53:1 · vs black: 8.29:1
HEX
#9d9ddc
RGB
rgb(157, 157, 220)
RGBA
rgba(157, 157, 220, 1)
HSL
hsl(240, 47%, 74%)
HSV
hsv(240, 29%, 86%)
LAB
lab(66.86% 13.99 -31.93)
LCH
lch(66.86% 34.86 293.66)
OKLAB
oklab(0.7196 0.0218 -0.0884)
OKLCH
oklch(0.7196 0.091 283.85)
XYZ
xyz(38.88, 36.45, 72.68)
CMYK
cmyk(29%, 29%, 0%, 14%)
CSS
color: #9d9ddc;
CSS variable
--color-9d9ddc: #9d9ddc;
SCSS
$color-9d9ddc: #9d9ddc;
Tailwind
indigo-200
Export
:root {
--#9d9ddc-1: #9d9ddc;
}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.