#503113

#503113

Color Values

HEX

#503113

RGB

80, 49, 19

HSL

29.5, 61.6%, 19.4%

HSV

29.5, 76.2%, 31.4%

CMYK

0.0%, 38.8%, 76.3%, 68.6%

OKLCH

0.3446 0.0625 62.0

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#503113

#133250

Analogous

#501314

#504F13

#503113

Triadic

#503113

#135031

#311350

Split Complementary

#503113

#13504F

#131450

Tetradic

#503113

#145013

#133250

#4F1350

Color Blindness Simulation

Original

#503113

Protanopia

#43421A

Deuteranopia

#44471C

Tritanopia

#4E2021

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FBF7F3
100
#F6EDE4
200
#F1DBC5
300
#E7C19C
400
#DBA067
500
#CE7E31
600
#A56527
700
#84511F
800
#673F18
900
#4B3016
950
#301E0E

Contrast Checker

Text on white

11.73:1

AA Pass AAA Pass

Text on black

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