#976ED4

#976ED4

Color Values

HEX

#976ED4

RGB

151, 110, 212

HSL

264.1, 54.3%, 63.1%

HSV

264.1, 48.1%, 83.1%

CMYK

28.8%, 48.1%, 0.0%, 16.9%

OKLCH

0.6233 0.1528 300.6

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#976ED4

#ABD46E

Analogous

#6E78D4

#CA6ED4

#976ED4

Triadic

#976ED4

#D4976E

#6ED497

Split Complementary

#976ED4

#D4CA6E

#78D46E

Tetradic

#976ED4

#D46E78

#ABD46E

#6ED4CA

Color Blindness Simulation

Original

#976ED4

Protanopia

#8585BB

Deuteranopia

#888BB5

Tritanopia

#95A8A4

Achromatopsia

#7E7E7E

CSS Usage

background-color: #976ED4;
color: #976ED4;
border-color: #976ED4;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F4FB
100
#ECE5F5
200
#D7C8EF
300
#BBA1E3
400
#976DD4
500
#723AC5
600
#5B2F9D
700
#49257E
800
#391D62
900
#2C1948
950
#1C102E

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

5.5:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026