#4ADE80

#4ADE80

Color Values

HEX

#4ADE80

RGB

74, 222, 128

HSL

141.9, 69.2%, 58.0%

HSV

141.9, 66.7%, 87.1%

CMYK

66.7%, 0.0%, 42.3%, 12.9%

OKLCH

0.8003 0.1821 151.7

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#4ADE80

#DE4AA8

Analogous

#5EDE4A

#4ADECA

#4ADE80

Triadic

#4ADE80

#804ADE

#DE804A

Split Complementary

#4ADE80

#CA4ADE

#DE4A5E

Tetradic

#4ADE80

#4A5EDE

#DE4AA8

#DECA4A

Color Blindness Simulation

Original

#4ADE80

Protanopia

#8A8B97

Deuteranopia

#82769C

Tritanopia

#51A9AD

Achromatopsia

#B8B8B8

CSS Usage

background-color: #4ADE80;
color: #4ADE80;
border-color: #4ADE80;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FCF6
100
#E3F8EA
200
#C3F4D5
300
#97ECB6
400
#5FE28F
500
#27D868
600
#1FAD53
700
#198A42
800
#146C34
900
#124F28
950
#0C3219

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

12.05:1

AA Pass AAA Pass

Part of These Collections

Tailwind CSS — Green

Green 400

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