#20AC5F

#20AC5F

Color Values

HEX

#20AC5F

RGB

32, 172, 95

HSL

147.0, 68.6%, 40.0%

HSV

147.0, 81.4%, 67.5%

CMYK

81.4%, 0.0%, 44.8%, 32.5%

OKLCH

0.6562 0.1603 152.9

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#20AC5F

#AC206D

Analogous

#27AC20

#20ACA5

#20AC5F

Triadic

#20AC5F

#5F20AC

#AC5F20

Split Complementary

#20AC5F

#A520AC

#AC2027

Tetradic

#20AC5F

#2027AC

#AC206D

#ACA520

Color Blindness Simulation

Original

#20AC5F

Protanopia

#5D5E72

Deuteranopia

#544A76

Tritanopia

#278084

Achromatopsia

#898989

CSS Usage

background-color: #20AC5F;
color: #20AC5F;
border-color: #20AC5F;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F3FCF7
100
#E3F8EC
200
#C3F4D9
300
#98ECBE
400
#60E19A
500
#28D777
600
#20AC5F
700
#1A8A4C
800
#146B3B
900
#134E2D
950
#0C311D

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

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