Preview
#f9fdff
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.02:1 · vs black: 20.52:1
HEX
#f9fdff
RGB
rgb(249, 253, 255)
RGBA
rgba(249, 253, 255, 1)
HSL
hsl(200, 100%, 99%)
HSV
hsv(200, 2%, 100%)
LAB
lab(99.07% -0.96 -1.41)
LCH
lch(99.07% 1.71 235.75)
OKLAB
oklab(0.9916 -0.0033 -0.0038)
OKLCH
oklch(0.9916 0.005 229.03)
XYZ
xyz(92.24, 97.61, 108.57)
CMYK
cmyk(2%, 1%, 0%, 0%)
CSS
color: #f9fdff;
CSS variable
--color-f9fdff: #f9fdff;
SCSS
$color-f9fdff: #f9fdff;
Tailwind
sky-50
Export
:root {
--#f9fdff-1: #f9fdff;
}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.