Preview
#ececf4
Family: Indigo
Accessibility on this swatch:
Contrast vs white: 1.18:1 · vs black: 17.87:1
HEX
#ececf4
RGB
rgb(236, 236, 244)
RGBA
rgba(236, 236, 244, 1)
HSL
hsl(240, 27%, 94%)
HSV
hsv(240, 3%, 96%)
LAB
lab(93.6% 1.44 -3.86)
LCH
lch(93.6% 4.12 290.46)
OKLAB
oklab(0.9454 0.003 -0.0103)
OKLCH
oklch(0.9454 0.0107 286.24)
XYZ
xyz(80.91, 84.36, 97.59)
CMYK
cmyk(3%, 3%, 0%, 4%)
CSS
color: #ececf4;
CSS variable
--color-ececf4: #ececf4;
SCSS
$color-ececf4: #ececf4;
Tailwind
indigo-50
Export
:root {
--#ececf4-1: #ececf4;
}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.