#503202

#503202

Color Values

HEX

#503202

RGB

80, 50, 2

HSL

36.9, 95.1%, 16.1%

HSV

36.9, 97.5%, 31.4%

CMYK

0.0%, 37.5%, 97.5%, 68.6%

OKLCH

0.3452 0.0723 72.0

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#503202

#022050

Analogous

#500B02

#475002

#503202

Triadic

#503202

#025032

#320250

Split Complementary

#503202

#024750

#0B0250

Tetradic

#503202

#02500B

#022050

#500247

Color Blindness Simulation

Original

#503202

Protanopia

#43430E

Deuteranopia

#454710

Tritanopia

#4E1719

Achromatopsia

#353535

CSS Usage

background-color: #503202;
color: #503202;
border-color: #503202;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FEF9F1
100
#FCF0DF
200
#FDE3B9
300
#FCCF88
400
#FAB547
500
#F99B06
600
#C77C05
700
#9F6304
800
#7C4E03
900
#5A3A07
950
#392504

Contrast Checker

Text on white

11.68:1

AA Pass AAA Pass

Text on black

1.8:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026