Preview
#f2fbff
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.05:1 · vs black: 20.02:1
HEX
#f2fbff
RGB
rgb(242, 251, 255)
RGBA
rgba(242, 251, 255, 1)
HSL
hsl(198, 100%, 97%)
HSV
hsv(198, 5%, 100%)
LAB
lab(98.07% -2.22 -2.94)
LCH
lch(98.07% 3.68 232.94)
OKLAB
oklab(0.9825 -0.0076 -0.0079)
OKLCH
oklch(0.9825 0.011 226.11)
XYZ
xyz(89.16, 95.09, 108.25)
CMYK
cmyk(5%, 2%, 0%, 0%)
CSS
color: #f2fbff;
CSS variable
--color-f2fbff: #f2fbff;
SCSS
$color-f2fbff: #f2fbff;
Tailwind
cyan-50
Export
:root {
--#f2fbff-1: #f2fbff;
}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.