#8F5D36

#8F5D36

Color Values

HEX

#8F5D36

RGB

143, 93, 54

HSL

26.3, 45.2%, 38.6%

HSV

26.3, 62.2%, 56.1%

CMYK

0.0%, 35.0%, 62.2%, 43.9%

OKLCH

0.5245 0.085 57.5

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#8F5D36

#36688F

Analogous

#8F363B

#8F8936

#8F5D36

Triadic

#8F5D36

#368F5D

#5D368F

Split Complementary

#8F5D36

#368F89

#363B8F

Tetradic

#8F5D36

#3B8F36

#36688F

#89368F

Color Blindness Simulation

Original

#8F5D36

Protanopia

#79793F

Deuteranopia

#7C8042

Tritanopia

#8C4749

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#EBD9CB
300
#DDBEA6
400
#CB9B76
500
#B97846
600
#946038
700
#764D2D
800
#5D3C23
900
#442E1D
950
#2B1D12

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

3.79:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026