Preview
#e7ecff
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.18:1 · vs black: 17.84:1
HEX
#e7ecff
RGB
rgb(231, 236, 255)
RGBA
rgba(231, 236, 255, 1)
HSL
hsl(227, 100%, 95%)
HSV
hsv(227, 9%, 100%)
LAB
lab(93.54% 1.9 -9.72)
LCH
lch(93.54% 9.9 281.06)
OKLAB
oklab(0.9449 0.0019 -0.0261)
OKLCH
oklch(0.9449 0.0262 274.16)
XYZ
xyz(81.00, 84.20, 106.57)
CMYK
cmyk(9%, 7%, 0%, 0%)
CSS
color: #e7ecff;
CSS variable
--color-e7ecff: #e7ecff;
SCSS
$color-e7ecff: #e7ecff;
Tailwind
blue-50
Export
:root {
--#e7ecff-1: #e7ecff;
}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.