#4DA462

#4DA462

Color Values

HEX

#4DA462

RGB

77, 164, 98

HSL

134.5, 36.1%, 47.3%

HSV

134.5, 53.0%, 64.3%

CMYK

53.0%, 0.0%, 40.2%, 35.7%

OKLCH

0.6479 0.1292 149.4

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#4DA462

#A44D8F

Analogous

#64A44D

#4DA48E

#4DA462

Triadic

#4DA462

#624DA4

#A4624D

Split Complementary

#4DA462

#8E4DA4

#A44D64

Tetradic

#4DA462

#4D64A4

#A44D8F

#A48E4D

Color Blindness Simulation

Original

#4DA462

Protanopia

#737372

Deuteranopia

#6E6776

Tritanopia

#517F81

Achromatopsia

#8D8D8D

CSS Usage

background-color: #4DA462;
color: #4DA462;
border-color: #4DA462;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CEE8D5
300
#ACD8B6
400
#7FC38F
500
#51AE68
600
#418B53
700
#346F42
800
#295734
900
#214028
950
#152919

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

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