#977286

#977286

Color Values

HEX

#977286

RGB

151, 114, 134

HSL

327.6, 15.1%, 52.0%

HSV

327.6, 24.5%, 59.2%

CMYK

0.0%, 24.5%, 11.3%, 40.8%

OKLCH

0.595 0.0542 345.2

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#977286

#729783

Analogous

#967297

#977274

#977286

Triadic

#977286

#869772

#728697

Split Complementary

#977286

#749772

#729796

Tetradic

#977286

#979672

#729783

#727497

Color Blindness Simulation

Original

#977286

Protanopia

#878781

Deuteranopia

#898C80

Tritanopia

#957D7C

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E1D6DC
300
#CBB9C3
400
#AF92A2
500
#936C81
600
#755767
700
#5E4553
800
#493641
900
#372A31
950
#231A1F

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

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