#4D4836

#4D4836

Color Values

HEX

#4D4836

RGB

77, 72, 54

HSL

47.0, 17.6%, 25.7%

HSV

47.0, 29.9%, 30.2%

CMYK

0.0%, 6.5%, 29.9%, 69.8%

OKLCH

0.4012 0.0294 94.4

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#4D4836

#363B4D

Analogous

#4D3D36

#474D36

#4D4836

Triadic

#4D4836

#364D48

#48364D

Split Complementary

#4D4836

#36474D

#3D364D

Tetradic

#4D4836

#364D3D

#363B4D

#4D3647

Color Blindness Simulation

Original

#4D4836

Protanopia

#4B4B3A

Deuteranopia

#4B4C3B

Tritanopia

#4D3E3F

Achromatopsia

#484848

CSS Usage

background-color: #4D4836;
color: #4D4836;
border-color: #4D4836;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F8F8F6
100
#F0EFEA
200
#E2DFD5
300
#CDC8B7
400
#B1AA90
500
#968C69
600
#787054
700
#605A43
800
#4B4635
900
#383529
950
#23211A

Contrast Checker

Text on white

9.15:1

AA Pass AAA Pass

Text on black

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