#8556EC

#8556EC

Color Values

HEX

#8556EC

RGB

133, 86, 236

HSL

258.8, 79.8%, 63.1%

HSV

258.8, 63.6%, 92.5%

CMYK

43.6%, 63.6%, 0.0%, 7.5%

OKLCH

0.5841 0.2146 293.0

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#8556EC

#BDEC56

Analogous

#5672EC

#D056EC

#8556EC

Triadic

#8556EC

#EC8556

#56EC85

Split Complementary

#8556EC

#ECD056

#72EC56

Tetradic

#8556EC

#EC5672

#BDEC56

#56ECD0

Color Blindness Simulation

Original

#8556EC

Protanopia

#7170C8

Deuteranopia

#7377BF

Tritanopia

#83ABA5

Achromatopsia

#6B6B6B

CSS Usage

background-color: #8556EC;
color: #8556EC;
border-color: #8556EC;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F5F2FD
100
#E9E1F9
200
#D1BFF8
300
#B091F3
400
#8555EC
500
#5A1AE5
600
#4815B7
700
#391093
800
#2D0D73
900
#230E53
950
#160935

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

4.54:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026