Preview
#99f0ff
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.29:1 · vs black: 16.26:1
HEX
#99f0ff
RGB
rgb(153, 240, 255)
RGBA
rgba(153, 240, 255, 1)
HSL
hsl(189, 100%, 80%)
HSV
hsv(189, 40%, 100%)
LAB
lab(90% -22.48 -15.48)
LCH
lch(90% 27.29 214.55)
OKLAB
oklab(0.9052 -0.0749 -0.0425)
OKLCH
oklch(0.9052 0.0861 209.57)
XYZ
xyz(62.34, 76.31, 106.03)
CMYK
cmyk(40%, 6%, 0%, 0%)
CSS
color: #99f0ff;
CSS variable
--color-99f0ff: #99f0ff;
SCSS
$color-99f0ff: #99f0ff;
Tailwind
cyan-200
Export
:root {
--#99f0ff-1: #99f0ff;
}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.