#503102

#503102

Color Values

HEX

#503102

RGB

80, 49, 2

HSL

36.2, 95.1%, 16.1%

HSV

36.2, 97.5%, 31.4%

CMYK

0.0%, 38.8%, 97.5%, 68.6%

OKLCH

0.343 0.0725 70.5

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#503102

#022150

Analogous

#500A02

#485002

#503102

Triadic

#503102

#025031

#310250

Split Complementary

#503102

#024850

#0A0250

Tetradic

#503102

#02500A

#022150

#500248

Color Blindness Simulation

Original

#503102

Protanopia

#43420D

Deuteranopia

#444710

Tritanopia

#4E1618

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF0DF
200
#FDE2B9
300
#FCCE88
400
#FAB347
500
#F99906
600
#C77A05
700
#9F6204
800
#7C4C03
900
#5A3907
950
#392404

Contrast Checker

Text on white

11.79:1

AA Pass AAA Pass

Text on black

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