#8C686D

#8C686D

Color Values

HEX

#8C686D

RGB

140, 104, 109

HSL

351.7, 14.8%, 47.8%

HSV

351.7, 25.7%, 54.9%

CMYK

0.0%, 25.7%, 22.1%, 45.1%

OKLCH

0.5552 0.0467 9.4

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#8C686D

#688C87

Analogous

#8C687F

#8C7568

#8C686D

Triadic

#8C686D

#6D8C68

#686D8C

Split Complementary

#8C686D

#688C75

#687F8C

Tetradic

#8C686D

#7F8C68

#688C87

#75688C

Color Blindness Simulation

Original

#8C686D

Protanopia

#7C7C6C

Deuteranopia

#7E816C

Tritanopia

#8A6B6B

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBEC
200
#E1D6D7
300
#CBB9BB
400
#AF9397
500
#926D72
600
#75575B
700
#5E4649
800
#493639
900
#372A2C
950
#231B1C

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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