#976E71

#976E71

Color Values

HEX

#976E71

RGB

151, 110, 113

HSL

355.6, 16.5%, 51.2%

HSV

355.6, 27.2%, 59.2%

CMYK

0.0%, 27.2%, 25.2%, 40.8%

OKLCH

0.5805 0.0524 13.9

Properties

Warm Light Nearest: rosybrown 4

Color Harmonies

Complementary

#976E71

#6E9794

Analogous

#976E86

#97806E

#976E71

Triadic

#976E71

#71976E

#6E7197

Split Complementary

#976E71

#6E9780

#6E8697

Tetradic

#976E71

#86976E

#6E9794

#806E97

Color Blindness Simulation

Original

#976E71

Protanopia

#858570

Deuteranopia

#888B70

Tritanopia

#957070

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F8F6F6
100
#F0EBEB
200
#E1D5D6
300
#CCB8B9
400
#B09193
500
#956A6E
600
#775558
700
#5F4446
800
#4A3537
900
#38292A
950
#231A1B

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

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