Preview
#f5f8f8
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.07:1 · vs black: 19.66:1
HEX
#f5f8f8
RGB
rgb(245, 248, 248)
RGBA
rgba(245, 248, 248, 1)
HSL
hsl(180, 18%, 97%)
HSV
hsv(180, 1%, 97%)
LAB
lab(97.36% -0.99 -0.35)
LCH
lch(97.36% 1.05 199.47)
OKLAB
oklab(0.9769 -0.003 -0.0009)
OKLCH
oklch(0.9769 0.0031 196.7)
XYZ
xyz(88.16, 93.32, 102.16)
CMYK
cmyk(1%, 0%, 0%, 3%)
CSS
color: #f5f8f8;
CSS variable
--color-f5f8f8: #f5f8f8;
SCSS
$color-f5f8f8: #f5f8f8;
Tailwind
cyan-50
Export
:root {
--#f5f8f8-1: #f5f8f8;
}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.