Preview
#f1fdff
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.04:1 · vs black: 20.23:1
HEX
#f1fdff
RGB
rgb(241, 253, 255)
RGBA
rgba(241, 253, 255, 1)
HSL
hsl(189, 100%, 97%)
HSV
hsv(189, 5%, 100%)
LAB
lab(98.5% -3.55 -2.31)
LCH
lch(98.5% 4.24 213.05)
OKLAB
oklab(0.9857 -0.0113 -0.0062)
OKLCH
oklch(0.9857 0.0129 208.75)
XYZ
xyz(89.45, 96.17, 108.44)
CMYK
cmyk(5%, 1%, 0%, 0%)
CSS
color: #f1fdff;
CSS variable
--color-f1fdff: #f1fdff;
SCSS
$color-f1fdff: #f1fdff;
Tailwind
cyan-50
Export
:root {
--#f1fdff-1: #f1fdff;
}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.