#4DA58C

#4DA58C

Color Values

HEX

#4DA58C

RGB

77, 165, 140

HSL

163.0, 36.4%, 47.5%

HSV

163.0, 53.3%, 64.7%

CMYK

53.3%, 0.0%, 15.2%, 35.3%

OKLCH

0.6605 0.0935 172.2

Properties

Cool Light Nearest: Illuminating Emerald

Color Harmonies

Complementary

#4DA58C

#A54D66

Analogous

#4DA560

#4D92A5

#4DA58C

Triadic

#4DA58C

#8C4DA5

#A58C4D

Split Complementary

#4DA58C

#A54D92

#A5604D

Tetradic

#4DA58C

#604DA5

#A54D66

#92A54D

Color Blindness Simulation

Original

#4DA58C

Protanopia

#737492

Deuteranopia

#6E6794

Tritanopia

#519798

Achromatopsia

#909090

CSS Usage

background-color: #4DA58C;
color: #4DA58C;
border-color: #4DA58C;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F5FAF8
100
#E8F3F0
200
#CEE8E1
300
#ACD8CB
400
#7EC3B0
500
#51AE94
600
#418B76
700
#346F5E
800
#29574A
900
#214037
950
#152923

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

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