#978778

#978778

Color Values

HEX

#978778

RGB

151, 135, 120

HSL

29.0, 13.0%, 53.1%

HSV

29.0, 20.5%, 59.2%

CMYK

0.0%, 10.6%, 20.5%, 40.8%

OKLCH

0.6335 0.0293 65.4

Properties

Warm Light Nearest: bisque 4

Color Harmonies

Complementary

#978778

#788897

Analogous

#977878

#979678

#978778

Triadic

#978778

#789787

#877897

Split Complementary

#978778

#789796

#787897

Tetradic

#978778

#789778

#788897

#967897

Color Blindness Simulation

Original

#978778

Protanopia

#90907C

Deuteranopia

#91927C

Tritanopia

#967E7F

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#E0DBD7
300
#CAC2BA
400
#ADA094
500
#907F6F
600
#736659
700
#5C5147
800
#483F37
900
#36302B
950
#221E1B

Contrast Checker

Text on white

3.47:1

AA Fail AAA Fail

Text on black

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