Preview
#f8ffff
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.01:1 · vs black: 20.74:1
HEX
#f8ffff
RGB
rgb(248, 255, 255)
RGBA
rgba(248, 255, 255, 1)
HSL
hsl(180, 100%, 99%)
HSV
hsv(180, 3%, 100%)
LAB
lab(99.49% -2.29 -0.8)
LCH
lch(99.49% 2.43 199.26)
OKLAB
oklab(0.9948 -0.0071 -0.0022)
OKLCH
oklch(0.9948 0.0074 197.22)
XYZ
xyz(92.52, 98.70, 108.76)
CMYK
cmyk(3%, 0%, 0%, 0%)
CSS
color: #f8ffff;
CSS variable
--color-f8ffff: #f8ffff;
SCSS
$color-f8ffff: #f8ffff;
Tailwind
cyan-50
Export
:root {
--#f8ffff-1: #f8ffff;
}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.