#978368

#978368

Color Values

HEX

#978368

RGB

151, 131, 104

HSL

34.5, 18.4%, 50.0%

HSV

34.5, 31.1%, 59.2%

CMYK

0.0%, 13.2%, 31.1%, 40.8%

OKLCH

0.6211 0.0457 75.1

Properties

Warm Light Nearest: navajowhite 4

Color Harmonies

Complementary

#978368

#687C97

Analogous

#976C68

#939768

#978368

Triadic

#978368

#689783

#836897

Split Complementary

#978368

#689397

#6C6897

Tetradic

#978368

#68976C

#687C97

#976893

Color Blindness Simulation

Original

#978368

Protanopia

#8E8E6F

Deuteranopia

#909170

Tritanopia

#967475

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EEEA
200
#E2DCD5
300
#CDC3B7
400
#B2A38F
500
#978368
600
#796953
700
#615443
800
#4B4234
900
#383228
950
#241F1A

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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