#976690

#976690

Color Values

HEX

#976690

RGB

151, 102, 144

HSL

308.6, 19.4%, 49.6%

HSV

308.6, 32.5%, 59.2%

CMYK

0.0%, 32.5%, 4.6%, 40.8%

OKLCH

0.5762 0.0858 331.8

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#976690

#66976D

Analogous

#866697

#976677

#976690

Triadic

#976690

#909766

#669097

Split Complementary

#976690

#779766

#669786

Tetradic

#976690

#978666

#66976D

#667797

Color Blindness Simulation

Original

#976690

Protanopia

#828186

Deuteranopia

#858883

Tritanopia

#957E7C

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E2D4E0
300
#CEB6CA
400
#B38EAE
500
#986791
600
#7A5274
700
#61425D
800
#4C3349
900
#392836
950
#241922

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

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