Preview
#33cccc
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.97:1 · vs black: 10.65:1
HEX
#33cccc
RGB
rgb(51, 204, 204)
RGBA
rgba(51, 204, 204, 1)
HSL
hsl(180, 60%, 50%)
HSV
hsv(180, 75%, 80%)
LAB
lab(74.98% -37.73 -11.23)
LCH
lch(74.98% 39.37 196.58)
OKLAB
oklab(0.7702 -0.1172 -0.0313)
OKLCH
oklch(0.7702 0.1213 194.95)
XYZ
xyz(33.85, 48.25, 64.64)
CMYK
cmyk(75%, 0%, 0%, 20%)
CSS
color: #33cccc;
CSS variable
--color-33cccc: #33cccc;
SCSS
$color-33cccc: #33cccc;
Tailwind
cyan-500
Export
:root {
--web-safe-#33cccc-1: #33cccc;
}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.