#976ED3

#976ED3

Color Values

HEX

#976ED3

RGB

151, 110, 211

HSL

264.4, 53.4%, 62.9%

HSV

264.4, 47.9%, 82.7%

CMYK

28.4%, 47.9%, 0.0%, 17.3%

OKLCH

0.6228 0.1515 300.8

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#976ED3

#AAD36E

Analogous

#6E77D3

#C96ED3

#976ED3

Triadic

#976ED3

#D3976E

#6ED397

Split Complementary

#976ED3

#D3C96E

#77D36E

Tetradic

#976ED3

#D36E77

#AAD36E

#6ED3C9

Color Blindness Simulation

Original

#976ED3

Protanopia

#8585BB

Deuteranopia

#888BB5

Tritanopia

#95A7A3

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE5F5
200
#D8C8EE
300
#BCA1E2
400
#976ED3
500
#733BC4
600
#5C309C
700
#49267D
800
#391E62
900
#2C1948
950
#1C102D

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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