#4AF86C

#4AF86C

Color Values

HEX

#4AF86C

RGB

74, 248, 108

HSL

131.7, 92.6%, 63.1%

HSV

131.7, 70.2%, 97.3%

CMYK

70.2%, 0.0%, 56.5%, 2.7%

OKLCH

0.8627 0.2312 146.4

Properties

Cool Light Nearest: springgreen

Color Harmonies

Complementary

#4AF86C

#F84AD6

Analogous

#7FF84A

#4AF8C3

#4AF86C

Triadic

#4AF86C

#6C4AF8

#F86C4A

Split Complementary

#4AF86C

#C34AF8

#F84A7F

Tetradic

#4AF86C

#4A7FF8

#F84AD6

#F8C34A

Color Blindness Simulation

Original

#4AF86C

Protanopia

#95978E

Deuteranopia

#8B7E96

Tritanopia

#53A9AE

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F1FDF4
100
#DFFBE5
200
#BAFCC7
300
#89FA9F
400
#49F86B
500
#09F637
600
#08C42C
700
#069D24
800
#057B1C
900
#085918
950
#05380F

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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