#978B6F

#978B6F

Color Values

HEX

#978B6F

RGB

151, 139, 111

HSL

42.0, 16.1%, 51.4%

HSV

42.0, 26.5%, 59.2%

CMYK

0.0%, 7.9%, 26.5%, 40.8%

OKLCH

0.6398 0.0424 87.5

Properties

Warm Light Nearest: wheat 4

Color Harmonies

Complementary

#978B6F

#6F7B97

Analogous

#97776F

#8F976F

#978B6F

Triadic

#978B6F

#6F978B

#8B6F97

Split Complementary

#978B6F

#6F8F97

#776F97

Tetradic

#978B6F

#6F9777

#6F7B97

#976F8F

Color Blindness Simulation

Original

#978B6F

Protanopia

#929276

Deuteranopia

#929377

Tritanopia

#967B7C

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#F0EEEB
200
#E1DED6
300
#CCC6B8
400
#B0A791
500
#94886B
600
#766D56
700
#5F5744
800
#4A4435
900
#373329
950
#23201A

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.24:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026