Preview
#f3f5fa
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.25:1
HEX
#f3f5fa
RGB
rgb(243, 245, 250)
RGBA
rgba(243, 245, 250, 1)
HSL
hsl(223, 41%, 97%)
HSV
hsv(223, 3%, 98%)
LAB
lab(96.52% 0.23 -2.63)
LCH
lch(96.52% 2.64 275)
OKLAB
oklab(0.9701 -0.0002 -0.007)
OKLCH
oklch(0.9701 0.007 268.36)
XYZ
xyz(86.87, 91.26, 103.46)
CMYK
cmyk(3%, 2%, 0%, 2%)
CSS
color: #f3f5fa;
CSS variable
--color-f3f5fa: #f3f5fa;
SCSS
$color-f3f5fa: #f3f5fa;
Tailwind
blue-50
Export
:root {
--#f3f5fa-1: #f3f5fa;
}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.