Preview
#22d3cd
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 1.86:1 · vs black: 11.27:1
HEX
#22d3cd
RGB
rgb(34, 211, 205)
RGBA
rgba(34, 211, 205, 1)
HSL
hsl(178, 72%, 48%)
HSV
hsv(178, 84%, 83%)
LAB
lab(76.88% -42.07 -8.96)
LCH
lch(76.88% 43.01 192.02)
OKLAB
oklab(0.7851 -0.1279 -0.0251)
OKLCH
oklch(0.7851 0.1303 191.1)
XYZ
xyz(34.97, 51.33, 65.81)
CMYK
cmyk(84%, 0%, 3%, 17%)
CSS
color: #22d3cd;
CSS variable
--color-22d3cd: #22d3cd;
SCSS
$color-22d3cd: #22d3cd;
Tailwind
teal-500
Export
:root {
--spectrum-#22d3cd-1: #22d3cd;
}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.