#976BD0

#976BD0

Color Values

HEX

#976BD0

RGB

151, 107, 208

HSL

266.1, 51.8%, 61.8%

HSV

266.1, 48.6%, 81.6%

CMYK

27.4%, 48.6%, 0.0%, 18.4%

OKLCH

0.6161 0.1525 302.3

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#976BD0

#A4D06B

Analogous

#6B72D0

#C96BD0

#976BD0

Triadic

#976BD0

#D0976B

#6BD097

Split Complementary

#976BD0

#D0C96B

#72D06B

Tetradic

#976BD0

#D06B72

#A4D06B

#6BD0C9

Color Blindness Simulation

Original

#976BD0

Protanopia

#8484B8

Deuteranopia

#868AB2

Tritanopia

#95A4A0

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE5F5
200
#D9C9EE
300
#BEA2E2
400
#9A70D2
500
#773DC2
600
#5F319B
700
#4C277C
800
#3B1F61
900
#2E1A47
950
#1D102D

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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