Preview
#f0f8fe
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.07:1 · vs black: 19.56:1
HEX
#f0f8fe
RGB
rgb(240, 248, 254)
RGBA
rgba(240, 248, 254, 1)
HSL
hsl(206, 88%, 97%)
HSV
hsv(206, 6%, 100%)
LAB
lab(97.15% -1.53 -3.79)
LCH
lch(97.15% 4.09 248.02)
OKLAB
oklab(0.9749 -0.0059 -0.0101)
OKLCH
oklch(0.9749 0.0117 239.71)
XYZ
xyz(87.39, 92.82, 107.06)
CMYK
cmyk(6%, 2%, 0%, 0%)
CSS
color: #f0f8fe;
CSS variable
--color-f0f8fe: #f0f8fe;
SCSS
$color-f0f8fe: #f0f8fe;
Tailwind
sky-50
Export
:root {
--#f0f8fe-1: #f0f8fe;
}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.