#7C3203

#7C3203

Color Values

HEX

#7C3203

RGB

124, 50, 3

HSL

23.3, 95.3%, 24.9%

HSV

23.3, 97.6%, 48.6%

CMYK

0.0%, 59.7%, 97.6%, 51.4%

OKLCH

0.4148 0.1152 45.6

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7C3203

#034D7C

Analogous

#7C0310

#7C6E03

#7C3203

Triadic

#7C3203

#037C32

#32037C

Split Complementary

#7C3203

#037C6E

#03107C

Tetradic

#7C3203

#107C03

#034D7C

#6E037C

Color Blindness Simulation

Original

#7C3203

Protanopia

#5C5B0E

Deuteranopia

#606611

Tritanopia

#781719

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FEF6F1
100
#FCEADF
200
#FDD4B9
300
#FCB587
400
#FB8D47
500
#F96406
600
#C75005
700
#9F4004
800
#7D3203
900
#5A2707
950
#391904

Contrast Checker

Text on white

9.07:1

AA Pass AAA Pass

Text on black

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