#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

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