#504F30

#504F30

Color Values

HEX

#504F30

RGB

80, 79, 48

HSL

58.1, 25.0%, 25.1%

HSV

58.1, 40.0%, 31.4%

CMYK

0.0%, 1.2%, 40.0%, 68.6%

OKLCH

0.4201 0.0474 106.7

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#504F30

#303150

Analogous

#503F30

#415030

#504F30

Triadic

#504F30

#30504F

#4F3050

Split Complementary

#504F30

#304150

#3F3050

Tetradic

#504F30

#30503F

#303150

#503041

Color Blindness Simulation

Original

#504F30

Protanopia

#505037

Deuteranopia

#505039

Tritanopia

#503D3F

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E4E4D2
300
#D1D0B2
400
#B8B789
500
#9F9D60
600
#807E4D
700
#66653D
800
#504F30
900
#3B3B26
950
#252518

Contrast Checker

Text on white

8.39:1

AA Pass AAA Pass

Text on black

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