#978377

#978377

Color Values

HEX

#978377

RGB

151, 131, 119

HSL

22.5, 13.3%, 52.9%

HSV

22.5, 21.2%, 59.2%

CMYK

0.0%, 13.2%, 21.2%, 40.8%

OKLCH

0.6248 0.0303 52.9

Properties

Warm Light Nearest: bisque 4

Color Harmonies

Complementary

#978377

#778B97

Analogous

#97777B

#979377

#978377

Triadic

#978377

#779783

#837797

Split Complementary

#978377

#779793

#777B97

Tetradic

#978377

#7B9777

#778B97

#937797

Color Blindness Simulation

Original

#978377

Protanopia

#8E8E7A

Deuteranopia

#90917B

Tritanopia

#967C7D

Achromatopsia

#868686

CSS Usage

background-color: #978377;
color: #978377;
border-color: #978377;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F6
100
#EFEDEB
200
#E0DAD7
300
#CAC0BA
400
#AD9E94
500
#907B6F
600
#746358
700
#5C4F47
800
#483E37
900
#362F2B
950
#221E1B

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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