#978F77

#978F77

Color Values

HEX

#978F77

RGB

151, 143, 119

HSL

45.0, 13.3%, 52.9%

HSV

45.0, 21.2%, 59.2%

CMYK

0.0%, 5.3%, 21.2%, 40.8%

OKLCH

0.6504 0.0356 91.8

Properties

Warm Light Nearest: RAL 7030 Stone Grey

Color Harmonies

Complementary

#978F77

#777F97

Analogous

#977F77

#8F9777

#978F77

Triadic

#978F77

#77978F

#8F7797

Split Complementary

#978F77

#778F97

#7F7797

Tetradic

#978F77

#77977F

#777F97

#97778F

Color Blindness Simulation

Original

#978F77

Protanopia

#94937D

Deuteranopia

#94957E

Tritanopia

#978182

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEEEB
200
#E0DED7
300
#CAC6BA
400
#ADA794
500
#90886F
600
#746D58
700
#5C5747
800
#484437
900
#36332B
950
#22201B

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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