Open Color

Teal 5

#20C997

CSS Values

CSS Variable--oc-teal-5
HEX#20C997
RGBrgb(32, 201, 151)
HSLhsl(162, 73%, 46%)
HSL (modern)hsl(162deg 73% 46%)
OKLCHoklch(74.4% 0.148 166deg)

Tints & Shades

Color Harmonies

complementary

triadic

analogous

split Complementary

tetradic

Contrast

AaText on white
Ratio: 2.13:1AA: FailAAA: FailAA Large: Fail
AaText on black
Ratio: 9.86:1AA: PassAAA: PassAA Large: Pass

Other Teal shades

Nearest Named Colors

See all
Bootstrap 5
teal-500
Crayola
shamrock
Tailwind CSS
emerald-400
Material Design
teal-a700
Radix Colors
green-8
Munsell
5G-7-6
CSS Named
mediumaquamarine
iOS HIG
system-mint
Ant Design
cyan-5
RAL Classic
6021