Preview
#f3f6f8
Family: Light Blue
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.35:1
HEX
#f3f6f8
RGB
rgb(243, 246, 248)
RGBA
rgba(243, 246, 248, 1)
HSL
hsl(204, 26%, 96%)
HSV
hsv(204, 2%, 97%)
LAB
lab(96.72% -0.63 -1.31)
LCH
lch(96.72% 1.45 244.32)
OKLAB
oklab(0.9714 -0.0023 -0.0035)
OKLCH
oklch(0.9714 0.0042 236.69)
XYZ
xyz(86.86, 91.74, 101.92)
CMYK
cmyk(2%, 1%, 0%, 3%)
CSS
color: #f3f6f8;
CSS variable
--color-f3f6f8: #f3f6f8;
SCSS
$color-f3f6f8: #f3f6f8;
Tailwind
sky-50
Export
:root {
--#f3f6f8-1: #f3f6f8;
}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.