Preview
#f0f5ff
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.21:1
HEX
#f0f5ff
RGB
rgb(240, 245, 255)
RGBA
rgba(240, 245, 255, 1)
HSL
hsl(220, 100%, 97%)
HSV
hsv(220, 6%, 100%)
LAB
lab(96.43% 0.18 -5.36)
LCH
lch(96.43% 5.36 271.92)
OKLAB
oklab(0.9693 -0.0014 -0.0143)
OKLCH
oklch(0.9693 0.0144 264.41)
XYZ
xyz(86.63, 91.05, 107.60)
CMYK
cmyk(6%, 4%, 0%, 0%)
CSS
color: #f0f5ff;
CSS variable
--color-f0f5ff: #f0f5ff;
SCSS
$color-f0f5ff: #f0f5ff;
Tailwind
blue-50
Export
:root {
--#f0f5ff-1: #f0f5ff;
}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.