Preview
#ecedf4
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.17:1 · vs black: 17.99:1
HEX
#ecedf4
RGB
rgb(236, 237, 244)
RGBA
rgba(236, 237, 244, 1)
HSL
hsl(233, 27%, 94%)
HSV
hsv(233, 3%, 96%)
LAB
lab(93.85% 0.93 -3.49)
LCH
lch(93.85% 3.61 284.92)
OKLAB
oklab(0.9474 0.0016 -0.0093)
OKLCH
oklch(0.9474 0.0094 279.76)
XYZ
xyz(81.20, 84.93, 97.69)
CMYK
cmyk(3%, 3%, 0%, 4%)
CSS
color: #ecedf4;
CSS variable
--color-ecedf4: #ecedf4;
SCSS
$color-ecedf4: #ecedf4;
Tailwind
blue-50
Export
:root {
--#ecedf4-1: #ecedf4;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.