#4AF76C

#4AF76C

Color Values

HEX

#4AF76C

RGB

74, 247, 108

HSL

131.8, 91.5%, 62.9%

HSV

131.8, 70.0%, 96.9%

CMYK

70.0%, 0.0%, 56.3%, 3.1%

OKLCH

0.8602 0.23 146.4

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#4AF76C

#F74AD5

Analogous

#7EF74A

#4AF7C2

#4AF76C

Triadic

#4AF76C

#6C4AF7

#F76C4A

Split Complementary

#4AF76C

#C24AF7

#F74A7E

Tetradic

#4AF76C

#4A7EF7

#F74AD5

#F7C24A

Color Blindness Simulation

Original

#4AF76C

Protanopia

#95968E

Deuteranopia

#8B7E96

Tritanopia

#53A8AE

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F1FDF4
100
#DFFBE5
200
#BBFCC7
300
#8AFAA0
400
#4AF76C
500
#0BF439
600
#09C32D
700
#079C24
800
#057A1C
900
#095818
950
#05380F

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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