#9F8976

#9F8976

Color Values

HEX

#9F8976

RGB

159, 137, 118

HSL

27.8, 17.6%, 54.3%

HSV

27.8, 25.8%, 62.4%

CMYK

0.0%, 13.8%, 25.8%, 37.6%

OKLCH

0.6449 0.0383 62.9

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#9F8976

#768C9F

Analogous

#9F7677

#9F9D76

#9F8976

Triadic

#9F8976

#769F89

#89769F

Split Complementary

#9F8976

#769F9D

#76779F

Tetradic

#9F8976

#779F76

#768C9F

#9D769F

Color Blindness Simulation

Original

#9F8976

Protanopia

#95957B

Deuteranopia

#97987C

Tritanopia

#9E7E7F

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0EDEA
200
#E2DBD5
300
#CDC1B7
400
#B19F90
500
#967E69
600
#786554
700
#605143
800
#4B3F35
900
#383029
950
#231E1A

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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