#979F76

#979F76

Color Values

HEX

#979F76

RGB

151, 159, 118

HSL

71.7, 17.6%, 54.3%

HSV

71.7, 25.8%, 62.4%

CMYK

5.0%, 0.0%, 25.8%, 37.6%

OKLCH

0.6853 0.0581 116.9

Properties

Cool Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#979F76

#7E769F

Analogous

#9F9276

#829F76

#979F76

Triadic

#979F76

#76979F

#9F7697

Split Complementary

#979F76

#76829F

#92769F

Tetradic

#979F76

#769F92

#7E769F

#9F7682

Color Blindness Simulation

Original

#979F76

Protanopia

#9A9B80

Deuteranopia

#9A9982

Tritanopia

#978889

Achromatopsia

#9A9A9A

CSS Usage

background-color: #979F76;
color: #979F76;
border-color: #979F76;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F8F6
100
#EFF0EA
200
#DFE2D5
300
#C8CDB7
400
#ABB190
500
#8D9669
600
#717854
700
#5A6043
800
#474B35
900
#353829
950
#22231A

Contrast Checker

Text on white

2.79:1

AA Fail AAA Fail

Text on black

7.54:1

AA Pass AAA Pass

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