#504339

#504339

Color Values

HEX

#504339

RGB

80, 67, 57

HSL

26.1, 16.8%, 26.9%

HSV

26.1, 28.7%, 31.4%

CMYK

0.0%, 16.3%, 28.8%, 68.6%

OKLCH

0.3932 0.0243 59.6

Properties

Warm Dark Nearest: RAL 8028 Terra Brown

Color Harmonies

Complementary

#504339

#394650

Analogous

#50393B

#504F39

#504339

Triadic

#504339

#395043

#433950

Split Complementary

#504339

#39504F

#393B50

Tetradic

#504339

#3B5039

#394650

#4F3950

Color Blindness Simulation

Original

#504339

Protanopia

#4A4A3B

Deuteranopia

#4B4C3C

Tritanopia

#4F3D3E

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0EDEB
200
#E1DBD5
300
#CCC0B8
400
#B19F91
500
#957D6A
600
#776455
700
#5F5044
800
#4A3E35
900
#382F29
950
#231E1A

Contrast Checker

Text on white

9.53:1

AA Pass AAA Pass

Text on black

2.2:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026