#8560E2

#8560E2

Color Values

HEX

#8560E2

RGB

133, 96, 226

HSL

257.1, 69.1%, 63.1%

HSV

257.1, 57.5%, 88.6%

CMYK

41.2%, 57.5%, 0.0%, 11.4%

OKLCH

0.5919 0.1893 292.8

Properties

Cool Light Nearest: mediumslateblue

Color Harmonies

Complementary

#8560E2

#BDE260

Analogous

#607CE2

#C660E2

#8560E2

Triadic

#8560E2

#E28560

#60E285

Split Complementary

#8560E2

#E2C660

#7CE260

Tetradic

#8560E2

#E2607C

#BDE260

#60E2C6

Color Blindness Simulation

Original

#8560E2

Protanopia

#7575C3

Deuteranopia

#777ABB

Tritanopia

#83AAA4

Achromatopsia

#717171

CSS Usage

background-color: #8560E2;
color: #8560E2;
border-color: #8560E2;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F3FC
100
#E9E3F8
200
#D1C3F4
300
#B098EC
400
#855FE2
500
#5A27D8
600
#4820AC
700
#39198A
800
#2D146C
900
#23124F
950
#160C32

Contrast Checker

Text on white

4.4:1

AA Fail AAA Fail

Text on black

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