#976AB5

#976AB5

Color Values

HEX

#976AB5

RGB

151, 106, 181

HSL

276.0, 33.6%, 56.3%

HSV

276.0, 41.4%, 71.0%

CMYK

16.6%, 41.4%, 0.0%, 29.0%

OKLCH

0.6 0.1205 310.8

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#976AB5

#88B56A

Analogous

#726AB5

#B56AAE

#976AB5

Triadic

#976AB5

#B5976A

#6AB597

Split Complementary

#976AB5

#AEB56A

#6AB572

Tetradic

#976AB5

#B5726A

#88B56A

#6AAEB5

Color Blindness Simulation

Original

#976AB5

Protanopia

#8483A3

Deuteranopia

#868A9E

Tritanopia

#959591

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EEE8F2
200
#DECFE7
300
#C6ADD6
400
#A781C0
500
#8855AA
600
#6D4488
700
#57366D
800
#442A55
900
#33223F
950
#201528

Contrast Checker

Text on white

4.16:1

AA Fail AAA Fail

Text on black

5.04:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026