#20A2AC

#20A2AC

Color Values

HEX

#20A2AC

RGB

32, 162, 172

HSL

184,3, 68,6%, 40,0%

HSV

184,3, 81,4%, 67,5%

CMYK

81,4%, 5,8%, 0,0%, 32,5%

OKLCH

0,6516 0,1048 203,1

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#20A2AC

#AC2A20

Analogous

#20AC70

#205CAC

#20A2AC

Triadic

#20A2AC

#AC20A2

#A2AC20

Split Complementary

#20A2AC

#AC205C

#AC7020

Tetradic

#20A2AC

#7020AC

#AC2A20

#5CAC20

Color Blindness Simulation

Original

#20A2AC

Protanopia

#5859AA

Deuteranopia

#5147A9

Tritanopia

#26A8A7

Achromatopsia

#878787

CSS Usage

background-color: #20A2AC;
color: #20A2AC;
border-color: #20A2AC;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FBFC
100
#E3F6F8
200
#C3F0F4
300
#98E6EC
400
#60D8E1
500
#28CAD7
600
#20A2AC
700
#1A828A
800
#14656B
900
#134A4E
950
#0C2F31

Contrast Checker

Text on white

3,08:1

AA Fail AAA Fail

Text on black

6,83:1

AA Pass AAA Fail

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