#9B8F97

#9B8F97

Color Values

HEX

#9B8F97

RGB

155, 143, 151

HSL

320.0, 5.7%, 58.4%

HSV

320.0, 7.7%, 60.8%

CMYK

0.0%, 7.7%, 2.6%, 39.2%

OKLCH

0.663 0.0182 337.8

Properties

Warm Light Nearest: lavenderblush 4

Color Harmonies

Complementary

#9B8F97

#8F9B93

Analogous

#998F9B

#9B8F91

#9B8F97

Triadic

#9B8F97

#979B8F

#8F979B

Split Complementary

#9B8F97

#919B8F

#8F9B99

Tetradic

#9B8F97

#9B998F

#8F9B93

#8F919B

Color Blindness Simulation

Original

#9B8F97

Protanopia

#969695

Deuteranopia

#969795

Tritanopia

#9A9493

Achromatopsia

#929292

CSS Usage

background-color: #9B8F97;
color: #9B8F97;
border-color: #9B8F97;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F8F7F7
100
#EEECED
200
#DDD9DC
300
#C5BEC3
400
#A69BA2
500
#877882
600
#6C6068
700
#564D53
800
#433C41
900
#332E31
950
#201D1F

Contrast Checker

Text on white

3.1:1

AA Fail AAA Fail

Text on black

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