#4AF866

#4AF866

Color Values

HEX

#4AF866

RGB

74, 248, 102

HSL

129.7, 92.6%, 63.1%

HSV

129.7, 70.2%, 97.3%

CMYK

70.2%, 0.0%, 58.9%, 2.7%

OKLCH

0.862 0.2358 145.6

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#4AF866

#F84ADC

Analogous

#85F84A

#4AF8BD

#4AF866

Triadic

#4AF866

#664AF8

#F8664A

Split Complementary

#4AF866

#BD4AF8

#F84A85

Tetradic

#4AF866

#4A85F8

#F84ADC

#F8BD4A

Color Blindness Simulation

Original

#4AF866

Protanopia

#959789

Deuteranopia

#8B7E92

Tritanopia

#53A5AB

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F1FDF3
100
#DFFBE4
200
#BAFCC5
300
#89FA9B
400
#49F866
500
#09F630
600
#08C426
700
#069D1E
800
#057B18
900
#085915
950
#05380D

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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