Preview
#f3ffff
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.02:1 · vs black: 20.56:1
HEX
#f3ffff
RGB
rgb(243, 255, 255)
RGBA
rgba(243, 255, 255, 1)
HSL
hsl(180, 100%, 98%)
HSV
hsv(180, 5%, 100%)
LAB
lab(99.14% -3.91 -1.36)
LCH
lch(99.14% 4.14 199.18)
OKLAB
oklab(0.9911 -0.0121 -0.0037)
OKLCH
oklch(0.9911 0.0127 197)
XYZ
xyz(90.77, 97.79, 108.68)
CMYK
cmyk(5%, 0%, 0%, 0%)
CSS
color: #f3ffff;
CSS variable
--color-f3ffff: #f3ffff;
SCSS
$color-f3ffff: #f3ffff;
Tailwind
cyan-50
Export
:root {
--#f3ffff-1: #f3ffff;
}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.