#8F5C22

#8F5C22

Color Values

HEX

#8F5C22

RGB

143, 92, 34

HSL

31.9, 61.6%, 34.7%

HSV

31.9, 76.2%, 56.1%

CMYK

0.0%, 35.7%, 76.2%, 43.9%

OKLCH

0.5202 0.0982 65.6

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#8F5C22

#22558F

Analogous

#8F2522

#8C8F22

#8F5C22

Triadic

#8F5C22

#228F5C

#5C228F

Split Complementary

#8F5C22

#228C8F

#25228F

Tetradic

#8F5C22

#228F25

#22558F

#8F228C

Color Blindness Simulation

Original

#8F5C22

Protanopia

#797830

Deuteranopia

#7C8033

Tritanopia

#8C3B3E

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EEE4
200
#F1DDC5
300
#E7C49C
400
#DBA467
500
#CE8431
600
#A56A27
700
#84551F
800
#674218
900
#4B3216
950
#30200E

Contrast Checker

Text on white

5.64:1

AA Pass AAA Fail

Text on black

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