Preview
#bbbdd2
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.85:1 · vs black: 11.32:1
HEX
#bbbdd2
RGB
rgb(187, 189, 210)
RGBA
rgba(187, 189, 210, 1)
HSL
hsl(235, 20%, 78%)
HSV
hsv(235, 11%, 82%)
LAB
lab(77.05% 3.42 -10.75)
LCH
lch(77.05% 11.28 287.65)
OKLAB
oklab(0.8034 0.0058 -0.029)
OKLCH
oklch(0.8034 0.0296 281.31)
XYZ
xyz(50.32, 51.61, 68.27)
CMYK
cmyk(11%, 10%, 0%, 18%)
CSS
color: #bbbdd2;
CSS variable
--color-bbbdd2: #bbbdd2;
SCSS
$color-bbbdd2: #bbbdd2;
Tailwind
blue-200
Export
:root {
--#bbbdd2-1: #bbbdd2;
}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.