#978A63

#978A63

Color Values

HEX

#978A63

RGB

151, 138, 99

HSL

45.0, 20.8%, 49.0%

HSV

45.0, 34.4%, 59.2%

CMYK

0.0%, 8.6%, 34.4%, 40.8%

OKLCH

0.635 0.0567 91.8

Properties

Warm Light Nearest: RAL 7034 Yellow Grey

Color Harmonies

Complementary

#978A63

#637097

Analogous

#977063

#8A9763

#978A63

Triadic

#978A63

#63978A

#8A6397

Split Complementary

#978A63

#638A97

#706397

Tetradic

#978A63

#639770

#637097

#97638A

Color Blindness Simulation

Original

#978A63

Protanopia

#91916C

Deuteranopia

#92936F

Tritanopia

#967476

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E3DFD4
300
#CFC8B5
400
#B4AA8D
500
#9A8D65
600
#7B7151
700
#635A41
800
#4D4632
900
#3A3527
950
#242119

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

6.13:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026