#20AC9F

#20AC9F

Color Values

HEX

#20AC9F

RGB

32, 172, 159

HSL

174.4, 68.6%, 40.0%

HSV

174.4, 81.4%, 67.5%

CMYK

81.4%, 0.0%, 7.6%, 32.5%

OKLCH

0.6723 0.1125 185.1

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#20AC9F

#AC202D

Analogous

#20AC59

#2073AC

#20AC9F

Triadic

#20AC9F

#9F20AC

#AC9F20

Split Complementary

#20AC9F

#AC2073

#AC5920

Tetradic

#20AC9F

#5920AC

#AC202D

#73AC20

Color Blindness Simulation

Original

#20AC9F

Protanopia

#5D5EA2

Deuteranopia

#544AA3

Tritanopia

#27A5A5

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F8F6
200
#C3F4EF
300
#98ECE4
400
#60E1D5
500
#28D7C7
600
#20AC9F
700
#1A8A7F
800
#146B63
900
#134E49
950
#0C312E

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

7.46: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