#9D6522

#9D6522

Color Values

HEX

#9D6522

RGB

157, 101, 34

HSL

32.7, 64.4%, 37.5%

HSV

32.7, 78.3%, 61.6%

CMYK

0.0%, 35.7%, 78.3%, 38.4%

OKLCH

0.5557 0.1076 66.4

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#9D6522

#225A9D

Analogous

#9D2822

#989D22

#9D6522

Triadic

#9D6522

#229D65

#65229D

Split Complementary

#9D6522

#22989D

#28229D

Tetradic

#9D6522

#229D28

#225A9D

#9D2298

Color Blindness Simulation

Original

#9D6522

Protanopia

#858432

Deuteranopia

#888C36

Tritanopia

#9A3F42

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F2DDC4
300
#E9C59A
400
#DDA664
500
#D2872D
600
#A86C24
700
#86561D
800
#694317
900
#4D3314
950
#30200D

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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