#504D37

#504D37

Color Values

HEX

#504D37

RGB

80, 77, 55

HSL

52.8, 18.5%, 26.5%

HSV

52.8, 31.2%, 31.4%

CMYK

0.0%, 3.7%, 31.2%, 68.6%

OKLCH

0.4167 0.0347 101.2

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#504D37

#373A50

Analogous

#504137

#475037

#504D37

Triadic

#504D37

#37504D

#4D3750

Split Complementary

#504D37

#374750

#413750

Tetradic

#504D37

#375041

#373A50

#503747

Color Blindness Simulation

Original

#504D37

Protanopia

#4F4F3C

Deuteranopia

#4F4F3E

Tritanopia

#504141

Achromatopsia

#4C4C4C

CSS Usage

background-color: #504D37;
color: #504D37;
border-color: #504D37;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E2E0D5
300
#CDCAB6
400
#B2AE8F
500
#979168
600
#797453
700
#615D43
800
#4C4934
900
#393728
950
#24221A

Contrast Checker

Text on white

8.54:1

AA Pass AAA Pass

Text on black

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