Preview
#c2bbff
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.85:1
HEX
#c2bbff
RGB
rgb(194, 187, 255)
RGBA
rgba(194, 187, 255, 1)
HSL
hsl(246, 100%, 87%)
HSV
hsv(246, 27%, 100%)
LAB
lab(78.6% 16.52 -32.6)
LCH
lch(78.6% 36.55 296.87)
OKLAB
oklab(0.8217 0.0307 -0.0899)
OKLCH
oklch(0.8217 0.095 288.85)
XYZ
xyz(58.06, 54.23, 102.00)
CMYK
cmyk(24%, 27%, 0%, 0%)
CSS
color: #c2bbff;
CSS variable
--color-c2bbff: #c2bbff;
SCSS
$color-c2bbff: #c2bbff;
Tailwind
indigo-100
Export
:root {
--#c2bbff-1: #c2bbff;
}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.