#9563C6

#9563C6

Color Values

HEX

#9563C6

RGB

149, 99, 198

HSL

270.3, 46.5%, 58.2%

HSV

270.3, 50.0%, 77.6%

CMYK

24.7%, 50.0%, 0.0%, 22.4%

OKLCH

0.5951 0.1525 305.6

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#9563C6

#94C663

Analogous

#6363C6

#C663C5

#9563C6

Triadic

#9563C6

#C69563

#63C695

Split Complementary

#9563C6

#C5C663

#63C663

Tetradic

#9563C6

#C66363

#94C663

#63C5C6

Color Blindness Simulation

Original

#9563C6

Protanopia

#7F7FAE

Deuteranopia

#8286A8

Tritanopia

#929B97

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#EDE6F4
200
#DBCBEC
300
#C2A5DE
400
#A175CD
500
#8044BB
600
#663795
700
#522C78
800
#40225D
900
#311C45
950
#1F122B

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

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