Preview
#f2f5fc
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.24:1
HEX
#f2f5fc
RGB
rgb(242, 245, 252)
RGBA
rgba(242, 245, 252, 1)
HSL
hsl(222, 63%, 97%)
HSV
hsv(222, 4%, 99%)
LAB
lab(96.5% 0.27 -3.7)
LCH
lch(96.5% 3.71 274.17)
OKLAB
oklab(0.9699 -0.0005 -0.0099)
OKLCH
oklch(0.9699 0.0099 267.11)
XYZ
xyz(86.84, 91.21, 105.11)
CMYK
cmyk(4%, 3%, 0%, 1%)
CSS
color: #f2f5fc;
CSS variable
--color-f2f5fc: #f2f5fc;
SCSS
$color-f2f5fc: #f2f5fc;
Tailwind
blue-50
Export
:root {
--#f2f5fc-1: #f2f5fc;
}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.