#9B978F

#9B978F

Color Values

HEX

#9B978F

RGB

155, 151, 143

HSL

40.0, 5.7%, 58.4%

HSV

40.0, 7.7%, 60.8%

CMYK

0.0%, 2.6%, 7.7%, 39.2%

OKLCH

0.6774 0.0125 84.6

Properties

Warm Light Nearest: Gray

Color Harmonies

Complementary

#9B978F

#8F939B

Analogous

#9B918F

#999B8F

#9B978F

Triadic

#9B978F

#8F9B97

#978F9B

Split Complementary

#9B978F

#8F999B

#918F9B

Tetradic

#9B978F

#8F9B91

#8F939B

#9B8F99

Color Blindness Simulation

Original

#9B978F

Protanopia

#999991

Deuteranopia

#9A9A91

Tritanopia

#9B9293

Achromatopsia

#979797

CSS Usage

background-color: #9B978F;
color: #9B978F;
border-color: #9B978F;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F7F7
100
#EEEDEC
200
#DDDCD9
300
#C5C3BE
400
#A6A29B
500
#878278
600
#6C6860
700
#56534D
800
#43413C
900
#33312E
950
#201F1D

Contrast Checker

Text on white

2.91:1

AA Fail AAA Fail

Text on black

7.22:1

AA Pass AAA Pass

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