#7C5422

#7C5422

Color Values

HEX

#7C5422

RGB

124, 84, 34

HSL

33.3, 57.0%, 31.0%

HSV

33.3, 72.6%, 48.6%

CMYK

0.0%, 32.3%, 72.6%, 51.4%

OKLCH

0.4796 0.0842 69.2

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7C5422

#224A7C

Analogous

#7C2722

#777C22

#7C5422

Triadic

#7C5422

#227C54

#54227C

Split Complementary

#7C5422

#22777C

#27227C

Tetradic

#7C5422

#227C27

#224A7C

#7C2277

Color Blindness Simulation

Original

#7C5422

Protanopia

#6B6A2E

Deuteranopia

#6D7031

Tritanopia

#7A383A

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EEE5
200
#F0DEC7
300
#E5C69F
400
#D6A76B
500
#C88737
600
#A06C2C
700
#805723
800
#64441B
900
#493318
950
#2E200F

Contrast Checker

Text on white

6.67:1

AA Pass AAA Fail

Text on black

3.15:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026