Preview
#f5fdff
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.03:1 · vs black: 20.38:1
HEX
#f5fdff
RGB
rgb(245, 253, 255)
RGBA
rgba(245, 253, 255, 1)
HSL
hsl(192, 100%, 98%)
HSV
hsv(192, 4%, 100%)
LAB
lab(98.78% -2.26 -1.87)
LCH
lch(98.78% 2.93 219.61)
OKLAB
oklab(0.9886 -0.0073 -0.005)
OKLCH
oklch(0.9886 0.0088 214.41)
XYZ
xyz(90.83, 96.88, 108.50)
CMYK
cmyk(4%, 1%, 0%, 0%)
CSS
color: #f5fdff;
CSS variable
--color-f5fdff: #f5fdff;
SCSS
$color-f5fdff: #f5fdff;
Tailwind
cyan-50
Export
:root {
--#f5fdff-1: #f5fdff;
}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.