#978B86

#978B86

Color Values

HEX

#978B86

RGB

151, 139, 134

HSL

17.6, 7.6%, 55.9%

HSV

17.6, 11.3%, 59.2%

CMYK

0.0%, 7.9%, 11.3%, 40.8%

OKLCH

0.6458 0.0163 44.1

Properties

Warm Light Nearest: Gray

Color Harmonies

Complementary

#978B86

#869297

Analogous

#97868A

#979486

#978B86

Triadic

#978B86

#86978B

#8B8697

Split Complementary

#978B86

#869794

#868A97

Tetradic

#978B86

#8A9786

#869297

#948697

Color Blindness Simulation

Original

#978B86

Protanopia

#929287

Deuteranopia

#929388

Tritanopia

#968888

Achromatopsia

#8D8D8D

CSS Usage

background-color: #978B86;
color: #978B86;
border-color: #978B86;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DEDAD9
300
#C6C0BD
400
#A89E99
500
#897B76
600
#6E635E
700
#584F4B
800
#453E3B
900
#342F2D
950
#211E1D

Contrast Checker

Text on white

3.31:1

AA Fail AAA Fail

Text on black

6.35:1

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