#4DF556

#4DF556

Color Values

HEX

#4DF556

RGB

77, 245, 86

HSL

123.2, 89.4%, 63.1%

HSV

123.2, 68.6%, 96.1%

CMYK

68.6%, 0.0%, 64.9%, 3.9%

OKLCH

0.8535 0.2429 143.8

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#4DF556

#F54DEC

Analogous

#98F54D

#4DF5AA

#4DF556

Triadic

#4DF556

#564DF5

#F5564D

Split Complementary

#4DF556

#AA4DF5

#F54D98

Tetradic

#4DF556

#4D98F5

#F54DEC

#F5AA4D

Color Blindness Simulation

Original

#4DF556

Protanopia

#96977C

Deuteranopia

#8C7F86

Tritanopia

#559BA2

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F2FDF2
100
#E0FBE1
200
#BBFBBF
300
#8BF991
400
#4CF555
500
#0EF11A
600
#0BC115
700
#099B10
800
#07790D
900
#09570E
950
#063709

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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