#976C8B

#976C8B

Color Values

HEX

#976C8B

RGB

151, 108, 139

HSL

316.7, 17.1%, 50.8%

HSV

316.7, 28.5%, 59.2%

CMYK

0.0%, 28.5%, 7.9%, 40.8%

OKLCH

0.5853 0.0696 337.0

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#976C8B

#6C9778

Analogous

#8D6C97

#976C76

#976C8B

Triadic

#976C8B

#8B976C

#6C8B97

Split Complementary

#976C8B

#76976C

#6C978D

Tetradic

#976C8B

#978D6C

#6C9778

#6C7697

Color Blindness Simulation

Original

#976C8B

Protanopia

#848484

Deuteranopia

#878A82

Tritanopia

#957E7C

Achromatopsia

#777777

CSS Usage

background-color: #976C8B;
color: #976C8B;
border-color: #976C8B;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F8F6F8
100
#F0EBEE
200
#E1D5DE
300
#CCB7C6
400
#B191A8
500
#956A89
600
#77556E
700
#604458
800
#4B3545
900
#382934
950
#231A21

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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