#503C19

#503C19

Color Values

HEX

#503C19

RGB

80, 60, 25

HSL

38.2, 52.4%, 20.6%

HSV

38.2, 68.8%, 31.4%

CMYK

0.0%, 25.0%, 68.8%, 68.6%

OKLCH

0.3702 0.0577 79.3

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#503C19

#192D50

Analogous

#502119

#495019

#503C19

Triadic

#503C19

#19503C

#3C1950

Split Complementary

#503C19

#194950

#211950

Tetradic

#503C19

#195021

#192D50

#501949

Color Blindness Simulation

Original

#503C19

Protanopia

#474721

Deuteranopia

#484A24

Tritanopia

#4F282A

Achromatopsia

#3E3E3E

CSS Usage

background-color: #503C19;
color: #503C19;
border-color: #503C19;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EEE0C9
300
#E2CBA2
400
#D2AE6F
500
#C2923D
600
#9B7531
700
#7C5D27
800
#61491E
900
#47371A
950
#2D2310

Contrast Checker

Text on white

10.49:1

AA Pass AAA Pass

Text on black

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