Preview
#f0f6fb
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.28:1
HEX
#f0f6fb
RGB
rgb(240, 246, 251)
RGBA
rgba(240, 246, 251, 1)
HSL
hsl(207, 58%, 96%)
HSV
hsv(207, 4%, 98%)
LAB
lab(96.58% -1.07 -3.09)
LCH
lch(96.58% 3.27 250.9)
OKLAB
oklab(0.9701 -0.0042 -0.0082)
OKLCH
oklch(0.9701 0.0092 242.88)
XYZ
xyz(86.30, 91.40, 104.34)
CMYK
cmyk(4%, 2%, 0%, 2%)
CSS
color: #f0f6fb;
CSS variable
--color-f0f6fb: #f0f6fb;
SCSS
$color-f0f6fb: #f0f6fb;
Tailwind
sky-50
Export
:root {
--#f0f6fb-1: #f0f6fb;
}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.