#8560C3

#8560C3

Color Values

HEX

#8560C3

RGB

133, 96, 195

HSL

262.4, 45.2%, 57.1%

HSV

262.4, 50.8%, 76.5%

CMYK

31.8%, 50.8%, 0.0%, 23.5%

OKLCH

0.572 0.15 298.8

Properties

Cool Dark Nearest: mediumpurple 3

Color Harmonies

Complementary

#8560C3

#9EC360

Analogous

#606DC3

#B760C3

#8560C3

Triadic

#8560C3

#C38560

#60C385

Split Complementary

#8560C3

#C3B760

#6DC360

Tetradic

#8560C3

#C3606D

#9EC360

#60C3B7

Color Blindness Simulation

Original

#8560C3

Protanopia

#7575AB

Deuteranopia

#777AA5

Tritanopia

#839894

Achromatopsia

#6F6F6F

CSS Usage

background-color: #8560C3;
color: #8560C3;
border-color: #8560C3;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F4FA
100
#EBE6F4
200
#D7CBEB
300
#BBA6DD
400
#9676CB
500
#7146B9
600
#5A3894
700
#482D76
800
#38235D
900
#2B1D44
950
#1B122B

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

4.46:1

AA Fail 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