Preview
#f2f5fd
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.25:1
HEX
#f2f5fd
RGB
rgb(242, 245, 253)
RGBA
rgba(242, 245, 253, 1)
HSL
hsl(224, 73%, 97%)
HSV
hsv(224, 4%, 99%)
LAB
lab(96.52% 0.45 -4.18)
LCH
lch(96.52% 4.2 276.14)
OKLAB
oklab(0.9702 -0.0001 -0.0111)
OKLCH
oklch(0.9702 0.0111 269.48)
XYZ
xyz(87.00, 91.27, 105.94)
CMYK
cmyk(4%, 3%, 0%, 1%)
CSS
color: #f2f5fd;
CSS variable
--color-f2f5fd: #f2f5fd;
SCSS
$color-f2f5fd: #f2f5fd;
Tailwind
blue-50
Export
:root {
--#f2f5fd-1: #f2f5fd;
}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.