Preview
#f8f9fe
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.05:1 · vs black: 19.97:1
HEX
#f8f9fe
RGB
rgb(248, 249, 254)
RGBA
rgba(248, 249, 254, 1)
HSL
hsl(230, 75%, 98%)
HSV
hsv(230, 2%, 100%)
LAB
lab(97.98% 0.56 -2.51)
LCH
lch(97.98% 2.57 282.58)
OKLAB
oklab(0.9828 0.0008 -0.0067)
OKLCH
oklch(0.9828 0.0067 276.81)
XYZ
xyz(90.47, 94.86, 107.29)
CMYK
cmyk(2%, 2%, 0%, 0%)
CSS
color: #f8f9fe;
CSS variable
--color-f8f9fe: #f8f9fe;
SCSS
$color-f8f9fe: #f8f9fe;
Tailwind
blue-50
Export
:root {
--#f8f9fe-1: #f8f9fe;
}Trust, calm, and professionalism. The most used color in SaaS, finance, and healthcare.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Blue family.