#8C5D22

#8C5D22

Color Values

HEX

#8C5D22

RGB

140, 93, 34

HSL

33.4, 60.9%, 34.1%

HSV

33.4, 75.7%, 54.9%

CMYK

0.0%, 33.6%, 75.7%, 45.1%

OKLCH

0.5183 0.0957 68.5

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#8C5D22

#22518C

Analogous

#8C2822

#868C22

#8C5D22

Triadic

#8C5D22

#228C5D

#5D228C

Split Complementary

#8C5D22

#22868C

#28228C

Tetradic

#8C5D22

#228C28

#22518C

#8C2286

Color Blindness Simulation

Original

#8C5D22

Protanopia

#787730

Deuteranopia

#7A7E34

Tritanopia

#8A3C3E

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EEE4
200
#F1DEC6
300
#E7C69D
400
#DAA767
500
#CD8832
600
#A46D28
700
#835720
800
#674419
900
#4B3316
950
#2F210E

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

3.7:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026