#8563DE

#8563DE

Color Values

HEX

#8563DE

RGB

133, 99, 222

HSL

256.6, 65.1%, 62.9%

HSV

256.6, 55.4%, 87.1%

CMYK

40.1%, 55.4%, 0.0%, 12.9%

OKLCH

0.5941 0.18 292.8

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#8563DE

#BCDE63

Analogous

#637EDE

#C263DE

#8563DE

Triadic

#8563DE

#DE8563

#63DE85

Split Complementary

#8563DE

#DEC263

#7EDE63

Tetradic

#8563DE

#DE637E

#BCDE63

#63DEC2

Color Blindness Simulation

Original

#8563DE

Protanopia

#7676C0

Deuteranopia

#787BB9

Tritanopia

#83A9A4

Achromatopsia

#737373

CSS Usage

background-color: #8563DE;
color: #8563DE;
border-color: #8563DE;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F3FC
100
#E9E3F7
200
#D1C4F3
300
#B09AEA
400
#8563DE
500
#5A2CD3
600
#4824A8
700
#3A1C87
800
#2D1669
900
#24144D
950
#170D31

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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