#504C30

#504C30

Color Values

HEX

#504C30

RGB

80, 76, 48

HSL

52.5, 25.0%, 25.1%

HSV

52.5, 40.0%, 31.4%

CMYK

0.0%, 5.0%, 40.0%, 68.6%

OKLCH

0.4127 0.0434 101.1

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#504C30

#303450

Analogous

#503C30

#445030

#504C30

Triadic

#504C30

#30504C

#4C3050

Split Complementary

#504C30

#304450

#3C3050

Tetradic

#504C30

#30503C

#303450

#503044

Color Blindness Simulation

Original

#504C30

Protanopia

#4E4E37

Deuteranopia

#4E4F38

Tritanopia

#503C3D

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F1F0E9
200
#E4E2D2
300
#D1CDB2
400
#B8B289
500
#9F9760
600
#80794D
700
#66613D
800
#504C30
900
#3B3926
950
#252418

Contrast Checker

Text on white

8.69:1

AA Pass AAA Pass

Text on black

2.42:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026