#504229

#504229

Color Values

HEX

#504229

RGB

80, 66, 41

HSL

38.5, 32.2%, 23.7%

HSV

38.5, 48.7%, 31.4%

CMYK

0.0%, 17.5%, 48.8%, 68.6%

OKLCH

0.387 0.0431 81.4

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#504229

#293750

Analogous

#502E29

#4A5029

#504229

Triadic

#504229

#295042

#422950

Split Complementary

#504229

#294A50

#2E2950

Tetradic

#504229

#29502E

#293750

#50294A

Color Blindness Simulation

Original

#504229

Protanopia

#4A4A2F

Deuteranopia

#4B4C30

Tritanopia

#4F3435

Achromatopsia

#434343

CSS Usage

background-color: #504229;
color: #504229;
border-color: #504229;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F8F5
100
#F2EFE8
200
#E7DFD0
300
#D6C7AE
400
#BFA982
500
#A98B56
600
#876F45
700
#6C5937
800
#54462B
900
#3E3422
950
#272116

Contrast Checker

Text on white

9.76:1

AA Pass AAA Pass

Text on black

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