#4DB461

#4DB461

Color Values

HEX

#4DB461

RGB

77, 180, 97

HSL

131.7, 40.7%, 50.4%

HSV

131.7, 57.2%, 70.6%

CMYK

57.2%, 0.0%, 46.1%, 29.4%

OKLCH

0.689 0.1531 147.7

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#4DB461

#B44DA0

Analogous

#6CB44D

#4DB495

#4DB461

Triadic

#4DB461

#614DB4

#B4614D

Split Complementary

#4DB461

#954DB4

#B44D6C

Tetradic

#4DB461

#4D6CB4

#B44DA0

#B4954D

Color Blindness Simulation

Original

#4DB461

Protanopia

#7A7A75

Deuteranopia

#746C7A

Tritanopia

#528588

Achromatopsia

#989898

CSS Usage

background-color: #4DB461;
color: #4DB461;
border-color: #4DB461;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F5FAF6
100
#E7F3E9
200
#CDEAD2
300
#A9DBB3
400
#7AC789
500
#4CB360
600
#3C904D
700
#30733D
800
#265A30
900
#1F4226
950
#132A18

Contrast Checker

Text on white

2.62:1

AA Fail AAA Fail

Text on black

8.02:1

AA Pass AAA Pass

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