Preview
#ecefff
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.14:1 · vs black: 18.36:1
HEX
#ecefff
RGB
rgb(236, 239, 255)
RGBA
rgba(236, 239, 255, 1)
HSL
hsl(231, 100%, 96%)
HSV
hsv(231, 7%, 100%)
LAB
lab(94.65% 1.95 -8.03)
LCH
lch(94.65% 8.26 283.65)
OKLAB
oklab(0.9545 0.0028 -0.0215)
OKLCH
oklch(0.9545 0.0217 277.42)
XYZ
xyz(83.50, 86.79, 106.94)
CMYK
cmyk(7%, 6%, 0%, 0%)
CSS
color: #ecefff;
CSS variable
--color-ecefff: #ecefff;
SCSS
$color-ecefff: #ecefff;
Tailwind
blue-50
Export
:root {
--#ecefff-1: #ecefff;
}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.