#20AC98

#20AC98

Color Values

HEX

#20AC98

RGB

32, 172, 152

HSL

171.4, 68.6%, 40.0%

HSV

171.4, 81.4%, 67.5%

CMYK

81.4%, 0.0%, 11.6%, 32.5%

OKLCH

0.6701 0.1153 180.1

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#20AC98

#AC2034

Analogous

#20AC52

#207AAC

#20AC98

Triadic

#20AC98

#9820AC

#AC9820

Split Complementary

#20AC98

#AC207A

#AC5220

Tetradic

#20AC98

#5220AC

#AC2034

#7AAC20

Color Blindness Simulation

Original

#20AC98

Protanopia

#5D5E9D

Deuteranopia

#544A9E

Tritanopia

#27A1A2

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F8F5
200
#C3F4ED
300
#98ECE0
400
#60E1CF
500
#28D7BE
600
#20AC98
700
#1A8A7A
800
#146B5F
900
#134E46
950
#0C312C

Contrast Checker

Text on white

2.83:1

AA Fail AAA Fail

Text on black

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