#7D3203

#7D3203

Color Values

HEX

#7D3203

RGB

125, 50, 3

HSL

23.1, 95.3%, 25.1%

HSV

23.1, 97.6%, 49.0%

CMYK

0.0%, 60.0%, 97.6%, 51.0%

OKLCH

0.4165 0.1162 45.3

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7D3203

#034E7D

Analogous

#7D0311

#7D6F03

#7D3203

Triadic

#7D3203

#037D32

#32037D

Split Complementary

#7D3203

#037D6F

#03117D

Tetradic

#7D3203

#117D03

#034E7D

#6F037D

Color Blindness Simulation

Original

#7D3203

Protanopia

#5D5C0E

Deuteranopia

#616611

Tritanopia

#791719

Achromatopsia

#3F3F3F

CSS Usage

background-color: #7D3203;
color: #7D3203;
border-color: #7D3203;
Nearest Tailwind: Amber 900 #78350F

Tailwind Shades

50
#FEF6F1
100
#FCEADF
200
#FDD3B9
300
#FCB487
400
#FB8C47
500
#F96406
600
#C75005
700
#9F4004
800
#7D3203
900
#5A2707
950
#391904

Contrast Checker

Text on white

9.01:1

AA Pass AAA Pass

Text on black

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