#976893

#976893

Color Values

HEX

#976893

RGB

151, 104, 147

HSL

305.1, 18.4%, 50.0%

HSV

305.1, 31.1%, 59.2%

CMYK

0.0%, 31.1%, 2.6%, 40.8%

OKLCH

0.581 0.085 329.6

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#976893

#68976C

Analogous

#836897

#97687C

#976893

Triadic

#976893

#939768

#689397

Split Complementary

#976893

#7C9768

#689783

Tetradic

#976893

#978368

#68976C

#687C97

Color Blindness Simulation

Original

#976893

Protanopia

#838289

Deuteranopia

#858986

Tritanopia

#95807F

Achromatopsia

#757575

CSS Usage

background-color: #976893;
color: #976893;
border-color: #976893;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E2D5E1
300
#CDB7CB
400
#B28FAF
500
#976893
600
#795376
700
#61435E
800
#4B3449
900
#382837
950
#241A23

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

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