#976FB1

#976FB1

Color Values

HEX

#976FB1

RGB

151, 111, 177

HSL

276.4, 29.7%, 56.5%

HSV

276.4, 37.3%, 69.4%

CMYK

14.7%, 37.3%, 0.0%, 30.6%

OKLCH

0.6069 0.1066 311.3

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#976FB1

#89B16F

Analogous

#766FB1

#B16FAA

#976FB1

Triadic

#976FB1

#B1976F

#6FB197

Split Complementary

#976FB1

#AAB16F

#6FB176

Tetradic

#976FB1

#B1766F

#89B16F

#6FAAB1

Color Blindness Simulation

Original

#976FB1

Protanopia

#8685A1

Deuteranopia

#888B9D

Tritanopia

#959492

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE9F2
200
#DED1E6
300
#C6B0D4
400
#A785BD
500
#885AA5
600
#6C4884
700
#57396A
800
#442D53
900
#33233D
950
#201627

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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