#976695

#976695

Color Values

HEX

#976695

RGB

151, 102, 149

HSL

302.4, 19.4%, 49.6%

HSV

302.4, 32.5%, 59.2%

CMYK

0.0%, 32.5%, 1.3%, 40.8%

OKLCH

0.5782 0.0908 328.1

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#976695

#669768

Analogous

#806697

#97667D

#976695

Triadic

#976695

#959766

#669597

Split Complementary

#976695

#7D9766

#669780

Tetradic

#976695

#978066

#669768

#667D97

Color Blindness Simulation

Original

#976695

Protanopia

#82818A

Deuteranopia

#858887

Tritanopia

#95817F

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F0EAF0
200
#E2D4E2
300
#CEB6CD
400
#B38EB1
500
#986796
600
#7A5278
700
#614260
800
#4C334B
900
#392838
950
#241924

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

4.65:1

AA Pass 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