#4DF486

#4DF486

Color Values

HEX

#4DF486

RGB

77, 244, 134

HSL

140.5, 88.4%, 62.9%

HSV

140.5, 68.4%, 95.7%

CMYK

68.4%, 0.0%, 45.1%, 4.3%

OKLCH

0.857 0.2037 150.6

Properties

Cool Light Nearest: seagreen 1

Color Harmonies

Complementary

#4DF486

#F44DBB

Analogous

#67F44D

#4DF4DA

#4DF486

Triadic

#4DF486

#864DF4

#F4864D

Split Complementary

#4DF486

#DA4DF4

#F44D67

Tetradic

#4DF486

#4D67F4

#F44DBB

#F4DA4D

Color Blindness Simulation

Original

#4DF486

Protanopia

#9597A1

Deuteranopia

#8C7FA7

Tritanopia

#55B6BA

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F2FDF6
100
#E0FBE9
200
#BCFBD1
300
#8CF8B1
400
#4DF486
500
#0FF05C
600
#0CC049
700
#099A3B
800
#07782E
900
#0A5724
950
#063717

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.6:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026