#20AC8F

#20AC8F

Color Values

HEX

#20AC8F

RGB

32, 172, 143

HSL

167.6, 68.6%, 40.0%

HSV

167.6, 81.4%, 67.5%

CMYK

81.4%, 0.0%, 16.9%, 32.5%

OKLCH

0.6674 0.1203 174.2

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#20AC8F

#AC203D

Analogous

#20AC49

#2083AC

#20AC8F

Triadic

#20AC8F

#8F20AC

#AC8F20

Split Complementary

#20AC8F

#AC2083

#AC4920

Tetradic

#20AC8F

#4920AC

#AC203D

#83AC20

Color Blindness Simulation

Original

#20AC8F

Protanopia

#5D5E96

Deuteranopia

#544A98

Tritanopia

#279C9D

Achromatopsia

#8C8C8C

CSS Usage

background-color: #20AC8F;
color: #20AC8F;
border-color: #20AC8F;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F3FCFA
100
#E3F8F3
200
#C3F4EA
300
#98ECDA
400
#60E1C7
500
#28D7B3
600
#20AC8F
700
#1A8A72
800
#146B59
900
#134E42
950
#0C312A

Contrast Checker

Text on white

2.85:1

AA Fail AAA Fail

Text on black

7.36:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026