#A76C22

#A76C22

Color Values

HEX

#A76C22

RGB

167, 108, 34

HSL

33.4, 66.2%, 39.4%

HSV

33.4, 79.6%, 65.5%

CMYK

0.0%, 35.3%, 79.6%, 34.5%

OKLCH

0.5818 0.1139 67.3

Properties

Warm Light Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#A76C22

#225DA7

Analogous

#A72922

#9FA722

#A76C22

Triadic

#A76C22

#22A76C

#6C22A7

Split Complementary

#A76C22

#229FA7

#2922A7

Tetradic

#A76C22

#22A729

#225DA7

#A7229F

Color Blindness Simulation

Original

#A76C22

Protanopia

#8D8D34

Deuteranopia

#919538

Tritanopia

#A44245

Achromatopsia

#737373

CSS Usage

background-color: #A76C22;
color: #A76C22;
border-color: #A76C22;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DEC4
300
#EAC699
400
#DFA862
500
#D4892B
600
#AA6E22
700
#88581C
800
#6A4516
900
#4D3414
950
#31210C

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

4.81:1

AA Pass 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