#977486

#977486

Color Values

HEX

#977486

RGB

151, 116, 134

HSL

329.1, 14.4%, 52.4%

HSV

329.1, 23.2%, 59.2%

CMYK

0.0%, 23.2%, 11.3%, 40.8%

OKLCH

0.5989 0.0505 346.5

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#977486

#749785

Analogous

#977497

#977475

#977486

Triadic

#977486

#869774

#748697

Split Complementary

#977486

#759774

#749797

Tetradic

#977486

#979774

#749785

#747597

Color Blindness Simulation

Original

#977486

Protanopia

#888882

Deuteranopia

#8A8C81

Tritanopia

#957E7D

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E0D6DB
300
#CBB9C2
400
#AE93A1
500
#926D80
600
#755766
700
#5D4652
800
#493740
900
#372A31
950
#231B1F

Contrast Checker

Text on white

4.07:1

AA Fail AAA Fail

Text on black

5.16:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026