#976384

#976384

Color Values

HEX

#976384

RGB

151, 99, 132

HSL

321,9, 20,8%, 49,0%

HSV

321,9, 34,4%, 59,2%

CMYK

0,0%, 34,4%, 12,6%, 40,8%

OKLCH

0,5661 0,0808 341,5

Properties

Warm Dark Nearest: plum 4

Color Harmonies

Complementary

#976384

#639776

Analogous

#906397

#97636A

#976384

Triadic

#976384

#849763

#638497

Split Complementary

#976384

#6A9763

#639790

Tetradic

#976384

#979063

#639776

#636A97

Color Blindness Simulation

Original

#976384

Protanopia

#80807C

Deuteranopia

#84877A

Tritanopia

#947674

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E3D4DD
300
#CFB5C5
400
#B48DA6
500
#9A6587
600
#7B516C
700
#634156
800
#4D3243
900
#3A2733
950
#241920

Contrast Checker

Text on white

4,74:1

AA Pass AAA Fail

Text on black

4,43:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026