#7A501F

#7A501F

Color Values

HEX

#7A501F

RGB

122, 80, 31

HSL

32.3, 59.5%, 30.0%

HSV

32.3, 74.6%, 47.8%

CMYK

0.0%, 34.4%, 74.6%, 52.2%

OKLCH

0.4685 0.0851 66.9

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7A501F

#1F497A

Analogous

#7A221F

#777A1F

#7A501F

Triadic

#7A501F

#1F7A50

#501F7A

Split Complementary

#7A501F

#1F777A

#221F7A

Tetradic

#7A501F

#1F7A22

#1F497A

#7A1F77

Color Blindness Simulation

Original

#7A501F

Protanopia

#68672B

Deuteranopia

#6A6D2E

Tritanopia

#783436

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EEE4
200
#F1DDC6
300
#E6C59D
400
#D9A569
500
#CB8534
600
#A36B29
700
#825521
800
#66431A
900
#4A3217
950
#2F200E

Contrast Checker

Text on white

7.01:1

AA Pass AAA Pass

Text on black

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