#4DA560

#4DA560

Color Values

HEX

#4DA560

RGB

77, 165, 96

HSL

133.0, 36.4%, 47.5%

HSV

133.0, 53.3%, 64.7%

CMYK

53.3%, 0.0%, 41.8%, 35.3%

OKLCH

0.6501 0.1327 148.6

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#4DA560

#A54D92

Analogous

#66A54D

#4DA58C

#4DA560

Triadic

#4DA560

#604DA5

#A5604D

Split Complementary

#4DA560

#8C4DA5

#A54D66

Tetradic

#4DA560

#4D66A5

#A54D92

#A58C4D

Color Blindness Simulation

Original

#4DA560

Protanopia

#737471

Deuteranopia

#6E6775

Tritanopia

#517E81

Achromatopsia

#8D8D8D

CSS Usage

background-color: #4DA560;
color: #4DA560;
border-color: #4DA560;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CEE8D4
300
#ACD8B5
400
#7EC38D
500
#51AE65
600
#418B51
700
#346F41
800
#295733
900
#214027
950
#152919

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

6.87:1

AA Pass AAA Fail

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