#978C76

#978C76

Color Values

HEX

#978C76

RGB

151, 140, 118

HSL

40.0, 13.7%, 52.7%

HSV

40.0, 21.9%, 59.2%

CMYK

0.0%, 7.3%, 21.9%, 40.8%

OKLCH

0.6437 0.0342 84.6

Properties

Warm Light Nearest: cornsilk 4

Color Harmonies

Complementary

#978C76

#768197

Analogous

#977B76

#919776

#978C76

Triadic

#978C76

#76978C

#8C7697

Split Complementary

#978C76

#769197

#7B7697

Tetradic

#978C76

#76977B

#768197

#977691

Color Blindness Simulation

Original

#978C76

Protanopia

#92927B

Deuteranopia

#93947D

Tritanopia

#968080

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F8F8F6
100
#EFEEEB
200
#E0DDD6
300
#CAC5B9
400
#AEA594
500
#91856E
600
#746B58
700
#5D5546
800
#484337
900
#36322A
950
#22201B

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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