#8C5522

#8C5522

Color Values

HEX

#8C5522

RGB

140, 85, 34

HSL

28.9, 60.9%, 34.1%

HSV

28.9, 75.7%, 54.9%

CMYK

0.0%, 39.3%, 75.7%, 45.1%

OKLCH

0.5026 0.0977 60.0

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#8C5522

#22598C

Analogous

#8C2224

#8C8A22

#8C5522

Triadic

#8C5522

#228C55

#55228C

Split Complementary

#8C5522

#228C8A

#22248C

Tetradic

#8C5522

#248C22

#22598C

#8A228C

Color Blindness Simulation

Original

#8C5522

Protanopia

#74742E

Deuteranopia

#777C31

Tritanopia

#89383A

Achromatopsia

#5D5D5D

CSS Usage

background-color: #8C5522;
color: #8C5522;
border-color: #8C5522;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FBF7F3
100
#F6EDE4
200
#F1DBC6
300
#E7C09D
400
#DA9F67
500
#CD7D32
600
#A46428
700
#835020
800
#673E19
900
#4B2F16
950
#2F1E0E

Contrast Checker

Text on white

6.11:1

AA Pass AAA Fail

Text on black

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