#9D8486

#9D8486

Color Values

HEX

#9D8486

RGB

157, 132, 134

HSL

355.2, 11.3%, 56.7%

HSV

355.2, 15.9%, 61.6%

CMYK

0.0%, 15.9%, 14.6%, 38.4%

OKLCH

0.637 0.0307 12.5

Properties

Warm Light Nearest: mistyrose 4

Color Harmonies

Complementary

#9D8486

#849D9B

Analogous

#9D8493

#9D8F84

#9D8486

Triadic

#9D8486

#869D84

#84869D

Split Complementary

#9D8486

#849D8F

#84939D

Tetradic

#9D8486

#939D84

#849D9B

#8F849D

Color Blindness Simulation

Original

#9D8486

Protanopia

#929286

Deuteranopia

#949685

Tritanopia

#9C8585

Achromatopsia

#898989

CSS Usage

background-color: #9D8486;
color: #9D8486;
border-color: #9D8486;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F7
100
#EFEBEC
200
#DFD7D8
300
#C9BBBC
400
#AB9698
500
#8E7173
600
#725A5C
700
#5B484A
800
#47393A
900
#352C2C
950
#221B1C

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

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