#8960C5

#8960C5

Color Values

HEX

#8960C5

RGB

137, 96, 197

HSL

264.4, 46.5%, 57.5%

HSV

264.4, 51.3%, 77.3%

CMYK

30.5%, 51.3%, 0.0%, 22.7%

OKLCH

0.5772 0.1532 300.4

Properties

Cool Dark Nearest: mediumpurple 3

Color Harmonies

Complementary

#8960C5

#9CC560

Analogous

#606AC5

#BC60C5

#8960C5

Triadic

#8960C5

#C58960

#60C589

Split Complementary

#8960C5

#C5BC60

#6AC560

Tetradic

#8960C5

#C5606A

#9CC560

#60C5BC

Color Blindness Simulation

Original

#8960C5

Protanopia

#7777AD

Deuteranopia

#7A7DA7

Tritanopia

#879995

Achromatopsia

#707070

CSS Usage

background-color: #8960C5;
color: #8960C5;
border-color: #8960C5;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F4FA
100
#ECE6F4
200
#D8CBEC
300
#BCA5DE
400
#9875CD
500
#7444BB
600
#5D3795
700
#4B2C78
800
#3A225D
900
#2D1C45
950
#1C122B

Contrast Checker

Text on white

4.62:1

AA Pass AAA Fail

Text on black

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