Preview
#e5f2f7
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.14:1 · vs black: 18.38:1
HEX
#e5f2f7
RGB
rgb(229, 242, 247)
RGBA
rgba(229, 242, 247, 1)
HSL
hsl(197, 53%, 93%)
HSV
hsv(197, 7%, 97%)
LAB
lab(94.69% -3.34 -3.88)
LCH
lch(94.69% 5.12 229.28)
OKLAB
oklab(0.9529 -0.0113 -0.0104)
OKLCH
oklch(0.9529 0.0154 222.63)
XYZ
xyz(80.85, 86.88, 100.49)
CMYK
cmyk(7%, 2%, 0%, 3%)
CSS
color: #e5f2f7;
CSS variable
--color-e5f2f7: #e5f2f7;
SCSS
$color-e5f2f7: #e5f2f7;
Tailwind
cyan-50
Export
:root {
--#e5f2f7-1: #e5f2f7;
}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.