#3AAA22

#3AAA22

Color Values

HEX

#3AAA22

RGB

58, 170, 34

HSL

109.4, 66.7%, 40.0%

HSV

109.4, 80.0%, 66.7%

CMYK

65.9%, 0.0%, 80.0%, 33.3%

OKLCH

0.6495 0.1961 140.7

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#3AAA22

#9222AA

Analogous

#7EAA22

#22AA4E

#3AAA22

Triadic

#3AAA22

#223AAA

#AA223A

Split Complementary

#3AAA22

#4E22AA

#AA227E

Tetradic

#3AAA22

#227EAA

#9222AA

#AA4E22

Color Blindness Simulation

Original

#3AAA22

Protanopia

#6B6B43

Deuteranopia

#645C4B

Tritanopia

#405D63

Achromatopsia

#888888

CSS Usage

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

Tailwind Shades

50
#F5FCF3
100
#E7F7E3
200
#CCF3C3
300
#A7EB99
400
#78E062
500
#49D52A
600
#3AAA22
700
#2E881B
800
#246A15
900
#1E4E13
950
#13310C

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

6.95:1

AA Pass AAA Fail

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