#4DA660

#4DA660

Color Values

HEX

#4DA660

RGB

77, 166, 96

HSL

132.8, 36.6%, 47.6%

HSV

132.8, 53.6%, 65.1%

CMYK

53.6%, 0.0%, 42.2%, 34.9%

OKLCH

0.6527 0.1341 148.6

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#4DA660

#A64D93

Analogous

#66A64D

#4DA68C

#4DA660

Triadic

#4DA660

#604DA6

#A6604D

Split Complementary

#4DA660

#8C4DA6

#A64D66

Tetradic

#4DA660

#4D66A6

#A64D93

#A68C4D

Color Blindness Simulation

Original

#4DA660

Protanopia

#747471

Deuteranopia

#6E6875

Tritanopia

#517E81

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CEE8D4
300
#ABD8B5
400
#7EC38D
500
#51AE65
600
#418B51
700
#346F40
800
#285732
900
#204027
950
#152919

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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