Preview
#f2f8f9
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.07:1 · vs black: 19.57:1
HEX
#f2f8f9
RGB
rgb(242, 248, 249)
RGBA
rgba(242, 248, 249, 1)
HSL
hsl(189, 37%, 96%)
HSV
hsv(189, 3%, 98%)
LAB
lab(97.17% -1.8 -1.17)
LCH
lch(97.17% 2.15 213.02)
OKLAB
oklab(0.9749 -0.0057 -0.0031)
OKLCH
oklch(0.9749 0.0065 208.54)
XYZ
xyz(87.28, 92.85, 102.93)
CMYK
cmyk(3%, 0%, 0%, 2%)
CSS
color: #f2f8f9;
CSS variable
--color-f2f8f9: #f2f8f9;
SCSS
$color-f2f8f9: #f2f8f9;
Tailwind
cyan-50
Export
:root {
--#f2f8f9-1: #f2f8f9;
}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.