#504227

#504227

Color Values

HEX

#504227

RGB

80, 66, 39

HSL

39.5, 34.5%, 23.3%

HSV

39.5, 51.2%, 31.4%

CMYK

0.0%, 17.5%, 51.2%, 68.6%

OKLCH

0.3867 0.0455 83.0

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#504227

#273550

Analogous

#502D27

#495027

#504227

Triadic

#504227

#275042

#422750

Split Complementary

#504227

#274950

#2D2750

Tetradic

#504227

#27502D

#273550

#502749

Color Blindness Simulation

Original

#504227

Protanopia

#4A4A2E

Deuteranopia

#4B4C2F

Tritanopia

#4F3334

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E8DFCF
300
#D7C8AD
400
#C1AB80
500
#AB8D54
600
#897143
700
#6E5B35
800
#56472A
900
#3F3521
950
#282215

Contrast Checker

Text on white

9.77:1

AA Pass AAA Pass

Text on black

2.15:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026