Preview
#34b2a9
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 2.6:1 · vs black: 8.09:1
HEX
#34b2a9
RGB
rgb(52, 178, 169)
RGBA
rgba(52, 178, 169, 1)
HSL
hsl(176, 55%, 45%)
HSV
hsv(176, 71%, 70%)
LAB
lab(66.08% -35.62 -5.3)
LCH
lch(66.08% 36.01 188.46)
OKLAB
oklab(0.6945 -0.1067 -0.0149)
OKLCH
oklch(0.6945 0.1077 187.95)
XYZ
xyz(24.49, 35.43, 43.08)
CMYK
cmyk(71%, 0%, 5%, 30%)
CSS
color: #34b2a9;
CSS variable
--color-34b2a9: #34b2a9;
SCSS
$color-34b2a9: #34b2a9;
Tailwind
teal-500
Export
:root {
--spectrum-#34b2a9-1: #34b2a9;
}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.