Preview
#f1f5fe
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.23:1
HEX
#f1f5fe
RGB
rgb(241, 245, 254)
RGBA
rgba(241, 245, 254, 1)
HSL
hsl(222, 87%, 97%)
HSV
hsv(222, 5%, 100%)
LAB
lab(96.48% 0.31 -4.77)
LCH
lch(96.48% 4.78 273.72)
OKLAB
oklab(0.9697 -0.0007 -0.0127)
OKLCH
oklch(0.9697 0.0127 266.85)
XYZ
xyz(86.81, 91.16, 106.77)
CMYK
cmyk(5%, 4%, 0%, 0%)
CSS
color: #f1f5fe;
CSS variable
--color-f1f5fe: #f1f5fe;
SCSS
$color-f1f5fe: #f1f5fe;
Tailwind
blue-50
Export
:root {
--#f1f5fe-1: #f1f5fe;
}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.