#20AC3C

#20AC3C

Color Values

HEX

#20AC3C

RGB

32, 172, 60

HSL

132.0, 68.6%, 40.0%

HSV

132.0, 81.4%, 67.5%

CMYK

81.4%, 0.0%, 65.1%, 32.5%

OKLCH

0.6513 0.1901 145.6

Properties

Cool Light Nearest: NCS S 1070-G Pure Green

Color Harmonies

Complementary

#20AC3C

#AC2090

Analogous

#4AAC20

#20AC82

#20AC3C

Triadic

#20AC3C

#3C20AC

#AC3C20

Split Complementary

#20AC3C

#8220AC

#AC204A

Tetradic

#20AC3C

#204AAC

#AC2090

#AC8220

Color Blindness Simulation

Original

#20AC3C

Protanopia

#5D5E57

Deuteranopia

#544A5E

Tritanopia

#276D71

Achromatopsia

#868686

CSS Usage

background-color: #20AC3C;
color: #20AC3C;
border-color: #20AC3C;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF5
100
#E3F8E7
200
#C3F4CD
300
#98ECA9
400
#60E17A
500
#28D74B
600
#20AC3C
700
#1A8A30
800
#146B26
900
#134E1F
950
#0C3113

Contrast Checker

Text on white

2.99:1

AA Fail AAA Fail

Text on black

7.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026