#58AA22

#58AA22

Color Values

HEX

#58AA22

RGB

88, 170, 34

HSL

96.2, 66.7%, 40.0%

HSV

96.2, 80.0%, 66.7%

CMYK

48.2%, 0.0%, 80.0%, 33.3%

OKLCH

0.6606 0.1829 136.3

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#58AA22

#7422AA

Analogous

#9CAA22

#22AA30

#58AA22

Triadic

#58AA22

#2258AA

#AA2258

Split Complementary

#58AA22

#3022AA

#AA229C

Tetradic

#58AA22

#229CAA

#7422AA

#AA3022

Color Blindness Simulation

Original

#58AA22

Protanopia

#7C7C43

Deuteranopia

#77714B

Tritanopia

#5C5D63

Achromatopsia

#8F8F8F

CSS Usage

background-color: #58AA22;
color: #58AA22;
border-color: #58AA22;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F6FCF3
100
#EBF7E3
200
#D6F3C3
300
#B9EB99
400
#94E062
500
#6ED52A
600
#58AA22
700
#46881B
800
#376A15
900
#2A4E13
950
#1B310C

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

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