#8863C6

#8863C6

Color Values

HEX

#8863C6

RGB

136, 99, 198

HSL

262.4, 46.5%, 58.2%

HSV

262.4, 50.0%, 77.6%

CMYK

31.3%, 50.0%, 0.0%, 22.4%

OKLCH

0.5819 0.1496 298.9

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#8863C6

#A1C663

Analogous

#636FC6

#B963C6

#8863C6

Triadic

#8863C6

#C68863

#63C688

Split Complementary

#8863C6

#C6B963

#6FC663

Tetradic

#8863C6

#C6636F

#A1C663

#63C6B9

Color Blindness Simulation

Original

#8863C6

Protanopia

#7878AE

Deuteranopia

#7A7DA8

Tritanopia

#869B97

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F7F4FA
100
#EBE6F4
200
#D7CBEC
300
#BBA5DE
400
#9675CD
500
#7044BB
600
#5A3795
700
#482C78
800
#38225D
900
#2B1C45
950
#1B122B

Contrast Checker

Text on white

4.52:1

AA Pass AAA Fail

Text on black

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