#8963C6

#8963C6

Color Values

HEX

#8963C6

RGB

137, 99, 198

HSL

263.0, 46.5%, 58.2%

HSV

263.0, 50.0%, 77.6%

CMYK

30.8%, 50.0%, 0.0%, 22.4%

OKLCH

0.5829 0.1498 299.5

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#8963C6

#A0C663

Analogous

#636EC6

#BA63C6

#8963C6

Triadic

#8963C6

#C68963

#63C689

Split Complementary

#8963C6

#C6BA63

#6EC663

Tetradic

#8963C6

#C6636E

#A0C663

#63C6BA

Color Blindness Simulation

Original

#8963C6

Protanopia

#7978AE

Deuteranopia

#7B7EA8

Tritanopia

#879B97

Achromatopsia

#727272

CSS Usage

background-color: #8963C6;
color: #8963C6;
border-color: #8963C6;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F4FA
100
#ECE6F4
200
#D7CBEC
300
#BBA5DE
400
#9675CD
500
#7244BB
600
#5B3795
700
#492C78
800
#39225D
900
#2C1C45
950
#1C122B

Contrast Checker

Text on white

4.5:1

AA Pass AAA Fail

Text on black

4.66:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026