#4AF77E

#4AF77E

Color Values

HEX

#4AF77E

RGB

74, 247, 126

HSL

138.0, 91.5%, 62.9%

HSV

138.0, 70.0%, 96.9%

CMYK

70.0%, 0.0%, 49.0%, 3.1%

OKLCH

0.8626 0.2152 149.1

Properties

Cool Light Nearest: springgreen 2

Color Harmonies

Complementary

#4AF77E

#F74AC3

Analogous

#6CF74A

#4AF7D4

#4AF77E

Triadic

#4AF77E

#7E4AF7

#F77E4A

Split Complementary

#4AF77E

#D44AF7

#F74A6C

Tetradic

#4AF77E

#4A6CF7

#F74AC3

#F7D44A

Color Blindness Simulation

Original

#4AF77E

Protanopia

#95969B

Deuteranopia

#8B7EA2

Tritanopia

#53B2B7

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F1FDF5
100
#DFFBE8
200
#BBFCCE
300
#8AFAAB
400
#4AF77E
500
#0BF451
600
#09C341
700
#079C34
800
#057A28
900
#095820
950
#053815

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

14.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026