Preview
#bbb3df
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.98:1 · vs black: 10.63:1
HEX
#bbb3df
RGB
rgb(187, 179, 223)
RGBA
rgba(187, 179, 223, 1)
HSL
hsl(251, 41%, 79%)
HSV
hsv(251, 20%, 87%)
LAB
lab(74.91% 11.59 -21.03)
LCH
lch(74.91% 24.01 298.86)
OKLAB
oklab(0.7881 0.0246 -0.0573)
OKLCH
oklch(0.7881 0.0624 293.23)
XYZ
xyz(49.93, 48.13, 76.46)
CMYK
cmyk(16%, 20%, 0%, 13%)
CSS
color: #bbb3df;
CSS variable
--color-bbb3df: #bbb3df;
SCSS
$color-bbb3df: #bbb3df;
Tailwind
indigo-200
Export
:root {
--#bbb3df-1: #bbb3df;
}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.