Preview
#33d7d7
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.84:1
HEX
#33d7d7
RGB
rgb(51, 215, 215)
RGBA
rgba(51, 215, 215, 1)
HSL
hsl(180, 67%, 52%)
HSV
hsv(180, 76%, 84%)
LAB
lab(78.58% -39.58 -11.77)
LCH
lch(78.58% 41.29 196.56)
OKLAB
oklab(0.8005 -0.123 -0.0327)
OKLCH
oklch(0.8005 0.1273 194.89)
XYZ
xyz(37.93, 54.21, 72.74)
CMYK
cmyk(76%, 0%, 0%, 16%)
CSS
color: #33d7d7;
CSS variable
--color-33d7d7: #33d7d7;
SCSS
$color-33d7d7: #33d7d7;
Tailwind
cyan-400
Export
:root {
--#33d7d7-1: #33d7d7;
}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.