Preview
#b0a9ef
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 2.15:1 · vs black: 9.77:1
HEX
#b0a9ef
RGB
rgb(176, 169, 239)
RGBA
rgba(176, 169, 239, 1)
HSL
hsl(246, 69%, 80%)
HSV
hsv(246, 29%, 94%)
LAB
lab(72.12% 17.43 -34.08)
LCH
lch(72.12% 38.28 297.09)
OKLAB
oklab(0.7663 0.0314 -0.0943)
OKLCH
oklch(0.7663 0.0994 288.42)
XYZ
xyz(47.67, 43.84, 87.59)
CMYK
cmyk(26%, 29%, 0%, 6%)
CSS
color: #b0a9ef;
CSS variable
--color-b0a9ef: #b0a9ef;
SCSS
$color-b0a9ef: #b0a9ef;
Tailwind
indigo-200
Export
:root {
--#b0a9ef-1: #b0a9ef;
}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.