#4AF880

#4AF880

Color Values

HEX

#4AF880

RGB

74, 248, 128

HSL

138.6, 92.6%, 63.1%

HSV

138.6, 70.2%, 97.3%

CMYK

70.2%, 0.0%, 48.4%, 2.7%

OKLCH

0.8654 0.2147 149.4

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#4AF880

#F84AC2

Analogous

#6BF84A

#4AF8D7

#4AF880

Triadic

#4AF880

#804AF8

#F8804A

Split Complementary

#4AF880

#D74AF8

#F84A6B

Tetradic

#4AF880

#4A6BF8

#F84AC2

#F8D74A

Color Blindness Simulation

Original

#4AF880

Protanopia

#95979D

Deuteranopia

#8B7EA4

Tritanopia

#53B4B9

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F1FDF5
100
#DFFBE8
200
#BAFCCF
300
#89FAAC
400
#49F87F
500
#09F653
600
#08C442
700
#069D35
800
#057B29
900
#085921
950
#053815

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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