#4D7257

#4D7257

Color Values

HEX

#4D7257

RGB

77, 114, 87

HSL

136.2, 19.4%, 37.5%

HSV

136.2, 32.5%, 44.7%

CMYK

32.5%, 0.0%, 23.7%, 55.3%

OKLCH

0.516 0.06 152.4

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#4D7257

#724D68

Analogous

#56724D

#4D726A

#4D7257

Triadic

#4D7257

#574D72

#72574D

Split Complementary

#4D7257

#6A4D72

#724D56

Tetradic

#4D7257

#4D5672

#724D68

#726A4D

Color Blindness Simulation

Original

#4D7257

Protanopia

#5D5D5E

Deuteranopia

#5B585F

Tritanopia

#4F6364

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF0EC
200
#D4E2D8
300
#B6CEBC
400
#8EB398
500
#679874
600
#527A5D
700
#42614A
800
#334C3A
900
#28392D
950
#19241C

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

3.86:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026