#8C686C

#8C686C

Color Values

HEX

#8C686C

RGB

140, 104, 108

HSL

353.3, 14.8%, 47.8%

HSV

353.3, 25.7%, 54.9%

CMYK

0.0%, 25.7%, 22.9%, 45.1%

OKLCH

0.5549 0.0466 11.3

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#8C686C

#688C88

Analogous

#8C687E

#8C7668

#8C686C

Triadic

#8C686C

#6C8C68

#686C8C

Split Complementary

#8C686C

#688C76

#687E8C

Tetradic

#8C686C

#7E8C68

#688C88

#76688C

Color Blindness Simulation

Original

#8C686C

Protanopia

#7C7C6B

Deuteranopia

#7E816B

Tritanopia

#8A6A6A

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBEB
200
#E1D6D7
300
#CBB9BB
400
#AF9396
500
#926D71
600
#75575A
700
#5E4648
800
#493638
900
#372A2B
950
#231B1B

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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