#504C28

#504C28

Color Values

HEX

#504C28

RGB

80, 76, 40

HSL

54.0, 33.3%, 23.5%

HSV

54.0, 50.0%, 31.4%

CMYK

0.0%, 5.0%, 50.0%, 68.6%

OKLCH

0.4112 0.054 102.9

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#504C28

#282C50

Analogous

#503828

#405028

#504C28

Triadic

#504C28

#28504C

#4C2850

Split Complementary

#504C28

#284050

#382850

Tetradic

#504C28

#285038

#282C50

#502840

Color Blindness Simulation

Original

#504C28

Protanopia

#4E4E31

Deuteranopia

#4E4F33

Tritanopia

#503839

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F2F1E8
200
#E7E5CF
300
#D6D2AD
400
#C0BA81
500
#AAA155
600
#888144
700
#6D6736
800
#55512B
900
#3F3C22
950
#282615

Contrast Checker

Text on white

8.73:1

AA Pass AAA Pass

Text on black

2.41:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026