#8F836B

#8F836B

Color Values

HEX

#8F836B

RGB

143, 131, 107

HSL

40.0, 14.4%, 49.0%

HSV

40.0, 25.2%, 56.1%

CMYK

0.0%, 8.4%, 25.2%, 43.9%

OKLCH

0.6141 0.0376 84.5

Properties

Warm Light Nearest: wheat 4

Color Harmonies

Complementary

#8F836B

#6B778F

Analogous

#8F716B

#898F6B

#8F836B

Triadic

#8F836B

#6B8F83

#836B8F

Split Complementary

#8F836B

#6B898F

#716B8F

Tetradic

#8F836B

#6B8F71

#6B778F

#8F6B89

Color Blindness Simulation

Original

#8F836B

Protanopia

#8A8A71

Deuteranopia

#8A8B72

Tritanopia

#8E7576

Achromatopsia

#848484

CSS Usage

background-color: #8F836B;
color: #8F836B;
border-color: #8F836B;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F8F6
100
#EFEEEB
200
#E0DDD6
300
#CBC5B9
400
#AEA593
500
#92866D
600
#756B57
700
#5D5646
800
#494337
900
#37332A
950
#23201B

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

5.63:1

AA Pass 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