#4D7057

#4D7057

Color Values

HEX

#4D7057

RGB

77, 112, 87

HSL

137.1, 18.5%, 37.1%

HSV

137.1, 31.3%, 43.9%

CMYK

31.2%, 0.0%, 22.3%, 56.1%

OKLCH

0.5109 0.0564 153.0

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#4D7057

#704D66

Analogous

#55704D

#4D7069

#4D7057

Triadic

#4D7057

#574D70

#70574D

Split Complementary

#4D7057

#694D70

#704D55

Tetradic

#4D7057

#4D5570

#704D66

#70694D

Color Blindness Simulation

Original

#4D7057

Protanopia

#5C5C5D

Deuteranopia

#5A585E

Tritanopia

#4F6263

Achromatopsia

#676767

CSS Usage

background-color: #4D7057;
color: #4D7057;
border-color: #4D7057;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F6F9F7
100
#EAF0EC
200
#D5E2D8
300
#B6CDBD
400
#8FB299
500
#689775
600
#53795E
700
#43614B
800
#344C3B
900
#28392D
950
#1A241C

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

3.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026