Preview
#20b2aa
Family: Cyan
Accessibility on this swatch:
Contrast vs white: 2.62:1 · vs black: 8.01:1
HEX
#20b2aa
RGB
rgb(32, 178, 170)
RGBA
rgba(32, 178, 170, 1)
HSL
hsl(177, 70%, 41%)
HSV
hsv(177, 82%, 70%)
LAB
lab(65.79% -37.51 -6.33)
LCH
lch(65.79% 38.04 189.58)
OKLAB
oklab(0.6912 -0.1128 -0.0178)
OKLCH
oklch(0.6912 0.1142 188.97)
XYZ
xyz(23.77, 35.05, 43.53)
CMYK
cmyk(82%, 0%, 4%, 30%)
CSS
color: #20b2aa;
CSS variable
--color-20b2aa: #20b2aa;
SCSS
$color-20b2aa: #20b2aa;
Tailwind
teal-500
Export
:root {
--lightseagreen-1: #20b2aa;
}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.