#4AF877

#4AF877

Color Values

HEX

#4AF877

RGB

74, 248, 119

HSL

135.5, 92.6%, 63.1%

HSV

135.5, 70.2%, 97.3%

CMYK

70.2%, 0.0%, 52.0%, 2.7%

OKLCH

0.8641 0.2223 147.9

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#4AF877

#F84ACB

Analogous

#74F84A

#4AF8CE

#4AF877

Triadic

#4AF877

#774AF8

#F8774A

Split Complementary

#4AF877

#CE4AF8

#F84A74

Tetradic

#4AF877

#4A74F8

#F84ACB

#F8CE4A

Color Blindness Simulation

Original

#4AF877

Protanopia

#959796

Deuteranopia

#8B7E9E

Tritanopia

#53AFB4

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F1FDF4
100
#DFFBE6
200
#BAFCCB
300
#89FAA6
400
#49F876
500
#09F646
600
#08C438
700
#069D2D
800
#057B23
900
#08591D
950
#053812

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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