#977160

#977160

Color Values

HEX

#977160

RGB

151, 113, 96

HSL

18.5, 22.3%, 48.4%

HSV

18.5, 36.4%, 59.2%

CMYK

0.0%, 25.2%, 36.4%, 40.8%

OKLCH

0.582 0.0547 45.2

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#977160

#608697

Analogous

#97606A

#978C60

#977160

Triadic

#977160

#609771

#716097

Split Complementary

#977160

#60978C

#606A97

Tetradic

#977160

#6A9760

#608697

#8C6097

Color Blindness Simulation

Original

#977160

Protanopia

#878664

Deuteranopia

#898C65

Tritanopia

#956768

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F1ECEA
200
#E3D8D3
300
#CFBDB4
400
#B6998C
500
#9C7563
600
#7D5D4F
700
#644B3F
800
#4E3A32
900
#3A2D27
950
#251C18

Contrast Checker

Text on white

4.33:1

AA Fail AAA Fail

Text on black

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