#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026