#8F5F36

#8F5F36

Color Values

HEX

#8F5F36

RGB

143, 95, 54

HSL

27.6, 45.2%, 38.6%

HSV

27.6, 62.2%, 56.1%

CMYK

0.0%, 33.6%, 62.2%, 43.9%

OKLCH

0.5284 0.0843 59.9

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#8F5F36

#36668F

Analogous

#8F3639

#8F8B36

#8F5F36

Triadic

#8F5F36

#368F5F

#5F368F

Split Complementary

#8F5F36

#368F8B

#36398F

Tetradic

#8F5F36

#398F36

#36668F

#8B368F

Color Blindness Simulation

Original

#8F5F36

Protanopia

#7A7A40

Deuteranopia

#7D8142

Tritanopia

#8D4849

Achromatopsia

#666666

CSS Usage

background-color: #8F5F36;
color: #8F5F36;
border-color: #8F5F36;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F4
100
#F4EDE6
200
#EBDACB
300
#DDC0A6
400
#CB9D76
500
#B97B46
600
#946238
700
#764F2D
800
#5D3D23
900
#442F1D
950
#2B1E12

Contrast Checker

Text on white

5.44:1

AA Pass AAA Fail

Text on black

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