#976AAB

#976AAB

Color Values

HEX

#976AAB

RGB

151, 106, 171

HSL

281.5, 27.9%, 54.3%

HSV

281.5, 38.0%, 67.1%

CMYK

11.7%, 38.0%, 0.0%, 32.9%

OKLCH

0.5951 0.1083 315.0

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#976AAB

#7EAB6A

Analogous

#766AAB

#AB6A9F

#976AAB

Triadic

#976AAB

#AB976A

#6AAB97

Split Complementary

#976AAB

#9FAB6A

#6AAB76

Tetradic

#976AAB

#AB766A

#7EAB6A

#6A9FAB

Color Blindness Simulation

Original

#976AAB

Protanopia

#84839B

Deuteranopia

#868A98

Tritanopia

#958F8C

Achromatopsia

#787878

CSS Usage

background-color: #976AAB;
color: #976AAB;
border-color: #976AAB;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#DFD1E5
300
#C8B1D3
400
#AB86BB
500
#8D5CA3
600
#714A82
700
#5A3B68
800
#472E52
900
#35243D
950
#221726

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.97:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026