Preview
#ececfb
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 17.96:1
HEX
#ececfb
RGB
rgb(236, 236, 251)
RGBA
rgba(236, 236, 251, 1)
HSL
hsl(240, 65%, 95%)
HSV
hsv(240, 6%, 98%)
LAB
lab(93.79% 2.74 -7.22)
LCH
lch(93.79% 7.72 290.78)
OKLAB
oklab(0.9475 0.0055 -0.0193)
OKLCH
oklch(0.9475 0.0201 285.91)
XYZ
xyz(82.00, 84.79, 103.29)
CMYK
cmyk(6%, 6%, 0%, 2%)
CSS
color: #ececfb;
CSS variable
--color-ececfb: #ececfb;
SCSS
$color-ececfb: #ececfb;
Tailwind
indigo-50
Export
:root {
--#ececfb-1: #ececfb;
}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.