#4AF886

#4AF886

Color Values

HEX

#4AF886

RGB

74, 248, 134

HSL

140.7, 92.6%, 63.1%

HSV

140.7, 70.2%, 97.3%

CMYK

70.2%, 0.0%, 46.0%, 2.7%

OKLCH

0.8663 0.2096 150.5

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#4AF886

#F84ABC

Analogous

#65F84A

#4AF8DD

#4AF886

Triadic

#4AF886

#864AF8

#F8864A

Split Complementary

#4AF886

#DD4AF8

#F84A65

Tetradic

#4AF886

#4A65F8

#F84ABC

#F8DD4A

Color Blindness Simulation

Original

#4AF886

Protanopia

#9597A2

Deuteranopia

#8B7EA8

Tritanopia

#53B7BC

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F1FDF5
100
#DFFBE9
200
#BAFCD1
300
#89FAB0
400
#49F886
500
#09F65B
600
#08C449
700
#069D3A
800
#057B2D
900
#085924
950
#053817

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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