#8F5C37

#8F5C37

Color Values

HEX

#8F5C37

RGB

143, 92, 55

HSL

25.2, 44.4%, 38.8%

HSV

25.2, 61.5%, 56.1%

CMYK

0.0%, 35.7%, 61.5%, 43.9%

OKLCH

0.5227 0.0847 55.6

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#8F5C37

#376A8F

Analogous

#8F373E

#8F8837

#8F5C37

Triadic

#8F5C37

#378F5C

#5C378F

Split Complementary

#8F5C37

#378F88

#373E8F

Tetradic

#8F5C37

#3E8F37

#376A8F

#88378F

Color Blindness Simulation

Original

#8F5C37

Protanopia

#797840

Deuteranopia

#7C8042

Tritanopia

#8C4749

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#EBD9CB
300
#DDBDA7
400
#CB9A77
500
#B87647
600
#935F39
700
#764C2D
800
#5C3B23
900
#442D1D
950
#2B1D12

Contrast Checker

Text on white

5.59:1

AA Pass AAA Fail

Text on black

3.75:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026