#8564C1

#8564C1

Color Values

HEX

#8564C1

RGB

133, 100, 193

HSL

261,3, 42,9%, 57,5%

HSV

261,3, 48,2%, 75,7%

CMYK

31,1%, 48,2%, 0,0%, 24,3%

OKLCH

0,5777 0,141 298,2

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#8564C1

#A0C164

Analogous

#6472C1

#B464C1

#8564C1

Triadic

#8564C1

#C18564

#64C185

Split Complementary

#8564C1

#C1B464

#72C164

Tetradic

#8564C1

#C16472

#A0C164

#64C1B4

Color Blindness Simulation

Original

#8564C1

Protanopia

#7776AB

Deuteranopia

#797BA5

Tritanopia

#839995

Achromatopsia

#727272

CSS Usage

background-color: #8564C1;
color: #8564C1;
border-color: #8564C1;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F5FA
100
#EBE7F4
200
#D7CCEB
300
#BAA8DC
400
#9578C9
500
#7049B6
600
#593A92
700
#472F75
800
#38245B
900
#2B1E43
950
#1B132A

Contrast Checker

Text on white

4,57:1

AA Pass AAA Fail

Text on black

4,59: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