Preview
#f0f8fa
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.08:1 · vs black: 19.51:1
HEX
#f0f8fa
RGB
rgb(240, 248, 250)
RGBA
rgba(240, 248, 250, 1)
HSL
hsl(192, 50%, 96%)
HSV
hsv(192, 4%, 98%)
LAB
lab(97.05% -2.27 -1.87)
LCH
lch(97.05% 2.94 219.48)
OKLAB
oklab(0.9737 -0.0074 -0.005)
OKLCH
oklch(0.9737 0.0089 214.05)
XYZ
xyz(86.75, 92.56, 103.72)
CMYK
cmyk(4%, 1%, 0%, 2%)
CSS
color: #f0f8fa;
CSS variable
--color-f0f8fa: #f0f8fa;
SCSS
$color-f0f8fa: #f0f8fa;
Tailwind
cyan-50
Export
:root {
--#f0f8fa-1: #f0f8fa;
}Freshness, clarity, and innovation. Great for tech accents and clean digital products.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Cyan family.