#4ADD22

#4ADD22

Color Values

HEX

#4ADD22

RGB

74, 221, 34

HSL

107.2, 73.3%, 50.0%

HSV

107.2, 84.6%, 86.7%

CMYK

66.5%, 0.0%, 84.6%, 13.3%

OKLCH

0.7882 0.2449 140.4

Properties

Cool Light Nearest: green 3

Color Harmonies

Complementary

#4ADD22

#B522DD

Analogous

#A7DD22

#22DD58

#4ADD22

Triadic

#4ADD22

#224ADD

#DD224A

Split Complementary

#4ADD22

#5822DD

#DD22A7

Tetradic

#4ADD22

#22A7DD

#B522DD

#DD5822

Color Blindness Simulation

Original

#4ADD22

Protanopia

#8A8B4F

Deuteranopia

#81765A

Tritanopia

#51737B

Achromatopsia

#B0B0B0

CSS Usage

background-color: #4ADD22;
color: #4ADD22;
border-color: #4ADD22;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F5FCF3
100
#E7F8E2
200
#CCF5C1
300
#A8EF95
400
#79E65B
500
#4ADD22
600
#3BB11B
700
#2F8D16
800
#256E11
900
#1E5010
950
#13330A

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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