Preview
#eceff1
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.15:1 · vs black: 18.18:1
HEX
#eceff1
RGB
rgb(236, 239, 241)
RGBA
rgba(236, 239, 241, 1)
HSL
hsl(204, 15%, 94%)
HSV
hsv(204, 2%, 95%)
LAB
lab(94.28% -0.64 -1.31)
LCH
lch(94.28% 1.46 243.96)
OKLAB
oklab(0.9504 -0.0023 -0.0035)
OKLCH
oklch(0.9504 0.0042 236.69)
XYZ
xyz(81.33, 85.92, 95.50)
CMYK
cmyk(2%, 1%, 0%, 5%)
CSS
color: #eceff1;
CSS variable
--color-eceff1: #eceff1;
SCSS
$color-eceff1: #eceff1;
Tailwind
sky-50
Export
:root {
--#eceff1-1: #eceff1;
}Openness, clarity, and communication. Soft and approachable for modern interfaces.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Blue family.