#7C4205

#7C4205

Color Values

HEX

#7C4205

RGB

124, 66, 5

HSL

30.8, 92.2%, 25.3%

HSV

30.8, 96.0%, 48.6%

CMYK

0.0%, 46.8%, 96.0%, 51.4%

OKLCH

0.4421 0.103 58.1

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7C4205

#053F7C

Analogous

#7C0705

#7A7C05

#7C4205

Triadic

#7C4205

#057C42

#42057C

Split Complementary

#7C4205

#057A7C

#07057C

Tetradic

#7C4205

#057C07

#053F7C

#7C057A

Color Blindness Simulation

Original

#7C4205

Protanopia

#636214

Deuteranopia

#666B17

Tritanopia

#791F22

Achromatopsia

#4A4A4A

CSS Usage

background-color: #7C4205;
color: #7C4205;
border-color: #7C4205;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FDF8F1
100
#FBEEDF
200
#FCDCBA
300
#FAC389
400
#F8A34A
500
#F5830A
600
#C46908
700
#9D5406
800
#7B4105
900
#593208
950
#381F05

Contrast Checker

Text on white

7.96:1

AA Pass AAA Pass

Text on black

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