Preview
#ecf3fd
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.12:1 · vs black: 18.81:1
HEX
#ecf3fd
RGB
rgb(236, 243, 253)
RGBA
rgba(236, 243, 253, 1)
HSL
hsl(215, 81%, 96%)
HSV
hsv(215, 7%, 99%)
LAB
lab(95.59% -0.47 -5.6)
LCH
lch(95.59% 5.62 265.2)
OKLAB
oklab(0.9618 -0.0034 -0.015)
OKLCH
oklch(0.9618 0.0154 257.23)
XYZ
xyz(84.37, 89.03, 105.65)
CMYK
cmyk(7%, 4%, 0%, 1%)
CSS
color: #ecf3fd;
CSS variable
--color-ecf3fd: #ecf3fd;
SCSS
$color-ecf3fd: #ecf3fd;
Tailwind
sky-50
Export
:root {
--#ecf3fd-1: #ecf3fd;
}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.