#503A16

#503A16

Color Values

HEX

#503A16

RGB

80, 58, 22

HSL

37.2, 56.9%, 20.0%

HSV

37.2, 72.5%, 31.4%

CMYK

0.0%, 27.5%, 72.5%, 68.6%

OKLCH

0.3651 0.0598 77.2

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#503A16

#162C50

Analogous

#501D16

#495016

#503A16

Triadic

#503A16

#16503A

#3A1650

Split Complementary

#503A16

#164950

#1D1650

Tetradic

#503A16

#16501D

#162C50

#501649

Color Blindness Simulation

Original

#503A16

Protanopia

#46461F

Deuteranopia

#484921

Tritanopia

#4F2627

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EFE5
200
#F0E0C7
300
#E5CA9F
400
#D6AE6B
500
#C89137
600
#A0742C
700
#805D23
800
#64481B
900
#493618
950
#2E220F

Contrast Checker

Text on white

10.73:1

AA Pass AAA Pass

Text on black

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