#504B30

#504B30

Color Values

HEX

#504B30

RGB

80, 75, 48

HSL

50.6, 25.0%, 25.1%

HSV

50.6, 40.0%, 31.4%

CMYK

0.0%, 6.2%, 40.0%, 68.6%

OKLCH

0.4103 0.0422 99.0

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#504B30

#303550

Analogous

#503B30

#455030

#504B30

Triadic

#504B30

#30504B

#4B3050

Split Complementary

#504B30

#304550

#3B3050

Tetradic

#504B30

#30503B

#303550

#503045

Color Blindness Simulation

Original

#504B30

Protanopia

#4E4E37

Deuteranopia

#4E4E38

Tritanopia

#503C3D

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F1F0E9
200
#E4E1D2
300
#D1CCB2
400
#B8B189
500
#9F9560
600
#80784D
700
#66603D
800
#504B30
900
#3B3826
950
#252318

Contrast Checker

Text on white

8.79:1

AA Pass AAA Pass

Text on black

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