Preview
#f3fdff
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.03:1 · vs black: 20.31:1
HEX
#f3fdff
RGB
rgb(243, 253, 255)
RGBA
rgba(243, 253, 255, 1)
HSL
hsl(190, 100%, 98%)
HSV
hsv(190, 5%, 100%)
LAB
lab(98.64% -2.91 -2.09)
LCH
lch(98.64% 3.58 215.69)
OKLAB
oklab(0.9872 -0.0093 -0.0056)
OKLCH
oklch(0.9872 0.0109 211.05)
XYZ
xyz(90.13, 96.52, 108.47)
CMYK
cmyk(5%, 1%, 0%, 0%)
CSS
color: #f3fdff;
CSS variable
--color-f3fdff: #f3fdff;
SCSS
$color-f3fdff: #f3fdff;
Tailwind
cyan-50
Export
:root {
--#f3fdff-1: #f3fdff;
}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.