#9B8F83

#9B8F83

Color Values

HEX

#9B8F83

RGB

155, 143, 131

HSL

30.0, 10.7%, 56.1%

HSV

30.0, 15.5%, 60.8%

CMYK

0.0%, 7.7%, 15.5%, 39.2%

OKLCH

0.6571 0.0226 67.4

Properties

Warm Light Nearest: Gray

Color Harmonies

Complementary

#9B8F83

#838F9B

Analogous

#9B8383

#9B9B83

#9B8F83

Triadic

#9B8F83

#839B8F

#8F839B

Split Complementary

#9B8F83

#839B9B

#83839B

Tetradic

#9B8F83

#839B83

#838F9B

#9B839B

Color Blindness Simulation

Original

#9B8F83

Protanopia

#969686

Deuteranopia

#969787

Tritanopia

#9A8889

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEC
200
#DFDBD7
300
#C8C2BB
400
#ABA197
500
#8D8072
600
#71665B
700
#5A5249
800
#474039
900
#35302C
950
#221F1C

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.65:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026