Preview
#c4bef4
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.75:1 · vs black: 12.02:1
HEX
#c4bef4
RGB
rgb(196, 190, 244)
RGBA
rgba(196, 190, 244, 1)
HSL
hsl(247, 71%, 85%)
HSV
hsv(247, 22%, 96%)
LAB
lab(79.1% 12.99 -25.92)
LCH
lch(79.1% 28.99 296.62)
OKLAB
oklab(0.8247 0.0255 -0.071)
OKLCH
oklch(0.8247 0.0754 289.76)
XYZ
xyz(57.50, 55.09, 93.17)
CMYK
cmyk(20%, 22%, 0%, 4%)
CSS
color: #c4bef4;
CSS variable
--color-c4bef4: #c4bef4;
SCSS
$color-c4bef4: #c4bef4;
Tailwind
indigo-100
Export
:root {
--#c4bef4-1: #c4bef4;
}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.