#20AC60

#20AC60

Color Values

HEX

#20AC60

RGB

32, 172, 96

HSL

147.4, 68.6%, 40.0%

HSV

147.4, 81.4%, 67.5%

CMYK

81.4%, 0.0%, 44.2%, 32.5%

OKLCH

0.6564 0.1594 153.1

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#20AC60

#AC206C

Analogous

#26AC20

#20ACA6

#20AC60

Triadic

#20AC60

#6020AC

#AC6020

Split Complementary

#20AC60

#A620AC

#AC2026

Tetradic

#20AC60

#2026AC

#AC206C

#ACA620

Color Blindness Simulation

Original

#20AC60

Protanopia

#5D5E72

Deuteranopia

#544A77

Tritanopia

#278184

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F8EC
200
#C3F4D9
300
#98ECBE
400
#60E19B
500
#28D778
600
#20AC60
700
#1A8A4D
800
#146B3C
900
#134E2E
950
#0C311D

Contrast Checker

Text on white

2.94:1

AA Fail AAA Fail

Text on black

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