Preview
#99cccc
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.86:1
HEX
#99cccc
RGB
rgb(153, 204, 204)
RGBA
rgba(153, 204, 204, 1)
HSL
hsl(180, 33%, 70%)
HSV
hsv(180, 25%, 80%)
LAB
lab(78.65% -16.46 -5.39)
LCH
lch(78.65% 17.32 198.13)
OKLAB
oklab(0.8097 -0.0509 -0.0147)
OKLCH
oklch(0.8097 0.053 196.11)
XYZ
xyz(45.63, 54.32, 65.19)
CMYK
cmyk(25%, 0%, 0%, 20%)
CSS
color: #99cccc;
CSS variable
--color-99cccc: #99cccc;
SCSS
$color-99cccc: #99cccc;
Tailwind
cyan-300
Export
:root {
--web-safe-#99cccc-1: #99cccc;
}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.