#20ACA2

#20ACA2

Color Values

HEX

#20ACA2

RGB

32, 172, 162

HSL

175.7, 68.6%, 40.0%

HSV

175.7, 81.4%, 67.5%

CMYK

81.4%, 0.0%, 5.8%, 32.5%

OKLCH

0.6733 0.1115 187.3

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#20ACA2

#AC202A

Analogous

#20AC5C

#2070AC

#20ACA2

Triadic

#20ACA2

#A220AC

#ACA220

Split Complementary

#20ACA2

#AC2070

#AC5C20

Tetradic

#20ACA2

#5C20AC

#AC202A

#70AC20

Color Blindness Simulation

Original

#20ACA2

Protanopia

#5D5EA4

Deuteranopia

#544AA5

Tritanopia

#27A6A7

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F8F6
200
#C3F4F0
300
#98ECE6
400
#60E1D8
500
#28D7CA
600
#20ACA2
700
#1A8A82
800
#146B65
900
#134E4A
950
#0C312F

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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