#3AAC20

#3AAC20

Color Values

HEX

#3AAC20

RGB

58, 172, 32

HSL

108.9, 68.6%, 40.0%

HSV

108.9, 81.4%, 67.5%

CMYK

66.3%, 0.0%, 81.4%, 32.5%

OKLCH

0.6547 0.1992 140.6

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#3AAC20

#9220AC

Analogous

#80AC20

#20AC4C

#3AAC20

Triadic

#3AAC20

#203AAC

#AC203A

Split Complementary

#3AAC20

#4C20AC

#AC2080

Tetradic

#3AAC20

#2080AC

#9220AC

#AC4C20

Color Blindness Simulation

Original

#3AAC20

Protanopia

#6B6C42

Deuteranopia

#655C4A

Tritanopia

#405D62

Achromatopsia

#8A8A8A

CSS Usage

background-color: #3AAC20;
color: #3AAC20;
border-color: #3AAC20;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F5FCF3
100
#E7F8E3
200
#CCF4C3
300
#A7EC98
400
#78E160
500
#48D728
600
#3AAC20
700
#2E8A1A
800
#246B14
900
#1E4E13
950
#13310C

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

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