Preview
#f6fdff
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.03:1 · vs black: 20.41:1
HEX
#f6fdff
RGB
rgb(246, 253, 255)
RGBA
rgba(246, 253, 255, 1)
HSL
hsl(193, 100%, 98%)
HSV
hsv(193, 4%, 100%)
LAB
lab(98.85% -1.93 -1.75)
LCH
lch(98.85% 2.61 222.2)
OKLAB
oklab(0.9894 -0.0063 -0.0047)
OKLCH
oklch(0.9894 0.0079 216.72)
XYZ
xyz(91.18, 97.06, 108.52)
CMYK
cmyk(4%, 1%, 0%, 0%)
CSS
color: #f6fdff;
CSS variable
--color-f6fdff: #f6fdff;
SCSS
$color-f6fdff: #f6fdff;
Tailwind
cyan-50
Export
:root {
--#f6fdff-1: #f6fdff;
}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.