Preview
#f0f6ff
Family: Blue
Accessibility on this swatch:
Contrast vs white: 1.09:1 · vs black: 19.33:1
HEX
#f0f6ff
RGB
rgb(240, 246, 255)
RGBA
rgba(240, 246, 255, 1)
HSL
hsl(216, 100%, 97%)
HSV
hsv(216, 6%, 100%)
LAB
lab(96.68% -0.33 -5)
LCH
lch(96.68% 5.01 266.22)
OKLAB
oklab(0.9712 -0.0028 -0.0134)
OKLCH
oklch(0.9712 0.0137 258.2)
XYZ
xyz(86.94, 91.66, 107.70)
CMYK
cmyk(6%, 4%, 0%, 0%)
CSS
color: #f0f6ff;
CSS variable
--color-f0f6ff: #f0f6ff;
SCSS
$color-f0f6ff: #f0f6ff;
Tailwind
sky-50
Export
:root {
--#f0f6ff-1: #f0f6ff;
}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.