#8D686C

#8D686C

Color Values

HEX

#8D686C

RGB

141, 104, 108

HSL

353.5, 15.1%, 48.0%

HSV

353.5, 26.2%, 55.3%

CMYK

0.0%, 26.2%, 23.4%, 44.7%

OKLCH

0.556 0.0479 11.5

Properties

Warm Dark Nearest: rosybrown 4

Color Harmonies

Complementary

#8D686C

#688D89

Analogous

#8D687E

#8D7668

#8D686C

Triadic

#8D686C

#6C8D68

#686C8D

Split Complementary

#8D686C

#688D76

#687E8D

Tetradic

#8D686C

#7E8D68

#688D89

#76688D

Color Blindness Simulation

Original

#8D686C

Protanopia

#7D7D6B

Deuteranopia

#7F826B

Tritanopia

#8B6A6A

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBEB
200
#E1D6D7
300
#CBB9BB
400
#AF9295
500
#936C70
600
#75575A
700
#5E4548
800
#493638
900
#372A2B
950
#231A1B

Contrast Checker

Text on white

4.85:1

AA Pass AAA Fail

Text on black

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