Preview
#f4f7fd
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.07:1 · vs black: 19.57:1
HEX
#f4f7fd
RGB
rgb(244, 247, 253)
RGBA
rgba(244, 247, 253, 1)
HSL
hsl(220, 69%, 97%)
HSV
hsv(220, 4%, 99%)
LAB
lab(97.17% 0.09 -3.22)
LCH
lch(97.17% 3.22 271.6)
OKLAB
oklab(0.9756 -0.0008 -0.0086)
OKLCH
oklch(0.9756 0.0086 264.69)
XYZ
xyz(88.30, 92.85, 106.18)
CMYK
cmyk(4%, 2%, 0%, 1%)
CSS
color: #f4f7fd;
CSS variable
--color-f4f7fd: #f4f7fd;
SCSS
$color-f4f7fd: #f4f7fd;
Tailwind
blue-50
Export
:root {
--#f4f7fd-1: #f4f7fd;
}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.