Preview
#b7b7d3
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.96:1 · vs black: 10.73:1
HEX
#b7b7d3
RGB
rgb(183, 183, 211)
RGBA
rgba(183, 183, 211, 1)
HSL
hsl(240, 24%, 77%)
HSV
hsv(240, 13%, 83%)
LAB
lab(75.22% 5.56 -14.06)
LCH
lch(75.22% 15.12 291.58)
OKLAB
oklab(0.7885 0.0105 -0.038)
OKLCH
oklch(0.7885 0.0394 285.45)
XYZ
xyz(48.22, 48.64, 68.46)
CMYK
cmyk(13%, 13%, 0%, 17%)
CSS
color: #b7b7d3;
CSS variable
--color-b7b7d3: #b7b7d3;
SCSS
$color-b7b7d3: #b7b7d3;
Tailwind
indigo-200
Export
:root {
--#b7b7d3-1: #b7b7d3;
}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.