#4D673E

#4D673E

Color Values

HEX

#4D673E

RGB

77, 103, 62

HSL

98.0, 24.8%, 32.4%

HSV

98.0, 39.8%, 40.4%

CMYK

25.2%, 0.0%, 39.8%, 59.6%

OKLCH

0.4818 0.07 134.7

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#4D673E

#583E67

Analogous

#62673E

#3E6744

#4D673E

Triadic

#4D673E

#3E4D67

#673E4D

Split Complementary

#4D673E

#443E67

#673E62

Tetradic

#4D673E

#3E6267

#583E67

#67443E

Color Blindness Simulation

Original

#4D673E

Protanopia

#585848

Deuteranopia

#57554A

Tritanopia

#4E5051

Achromatopsia

#5F5F5F

CSS Usage

background-color: #4D673E;
color: #4D673E;
border-color: #4D673E;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F7F9F6
100
#ECF1E9
200
#D9E4D2
300
#BED1B3
400
#9AB889
500
#779F60
600
#5F7F4D
700
#4C663D
800
#3C5030
900
#2E3B26
950
#1D2518

Contrast Checker

Text on white

6.32:1

AA Pass AAA Fail

Text on black

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