#4AF857

#4AF857

Color Values

HEX

#4AF857

RGB

74, 248, 87

HSL

124.5, 92.6%, 63.1%

HSV

124.5, 70.2%, 97.3%

CMYK

70.2%, 0.0%, 64.9%, 2.7%

OKLCH

0.8605 0.2465 144.0

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#4AF857

#F84AEB

Analogous

#94F84A

#4AF8AE

#4AF857

Triadic

#4AF857

#574AF8

#F8574A

Split Complementary

#4AF857

#AE4AF8

#F84A94

Tetradic

#4AF857

#4A94F8

#F84AEB

#F8AE4A

Color Blindness Simulation

Original

#4AF857

Protanopia

#95977E

Deuteranopia

#8B7E87

Tritanopia

#539DA3

Achromatopsia

#C7C7C7

CSS Usage

background-color: #4AF857;
color: #4AF857;
border-color: #4AF857;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F1FDF2
100
#DFFBE1
200
#BAFCBF
300
#89FA92
400
#49F856
500
#09F61B
600
#08C416
700
#069D11
800
#057B0E
900
#08590E
950
#053809

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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