#503111

#503111

Color Values

HEX

#503111

RGB

80, 49, 17

HSL

30.5, 64.9%, 19.0%

HSV

30.5, 78.8%, 31.4%

CMYK

0.0%, 38.8%, 78.8%, 68.6%

OKLCH

0.3443 0.0638 63.4

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#503111

#113050

Analogous

#501211

#4F5011

#503111

Triadic

#503111

#115031

#311150

Split Complementary

#503111

#114F50

#121150

Tetradic

#503111

#115012

#113050

#50114F

Color Blindness Simulation

Original

#503111

Protanopia

#434219

Deuteranopia

#44471B

Tritanopia

#4E1F20

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F2DCC4
300
#EAC29A
400
#DEA263
500
#D2812D
600
#A86724
700
#87521D
800
#694016
900
#4D3114
950
#301F0D

Contrast Checker

Text on white

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