Preview
#66cccc
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.9:1 · vs black: 11.07:1
HEX
#66cccc
RGB
rgb(102, 204, 204)
RGBA
rgba(102, 204, 204, 1)
HSL
hsl(180, 50%, 60%)
HSV
hsv(180, 50%, 80%)
LAB
lab(76.29% -29.58 -9.13)
LCH
lch(76.29% 30.96 197.15)
OKLAB
oklab(0.7845 -0.0918 -0.0253)
OKLCH
oklch(0.7845 0.0952 195.41)
XYZ
xyz(37.97, 50.37, 64.84)
CMYK
cmyk(50%, 0%, 0%, 20%)
CSS
color: #66cccc;
CSS variable
--color-66cccc: #66cccc;
SCSS
$color-66cccc: #66cccc;
Tailwind
cyan-400
Export
:root {
--web-safe-#66cccc-1: #66cccc;
}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.