#8856EB

#8856EB

Color Values

HEX

#8856EB

RGB

136, 86, 235

HSL

260.1, 78.8%, 62.9%

HSV

260.1, 63.4%, 92.2%

CMYK

42.1%, 63.4%, 0.0%, 7.8%

OKLCH

0.5862 0.2136 294.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#8856EB

#B9EB56

Analogous

#566EEB

#D256EB

#8856EB

Triadic

#8856EB

#EB8856

#56EB88

Split Complementary

#8856EB

#EBD256

#6EEB56

Tetradic

#8856EB

#EB566E

#B9EB56

#56EBD2

Color Blindness Simulation

Original

#8856EB

Protanopia

#7272C7

Deuteranopia

#7579BE

Tritanopia

#86AAA4

Achromatopsia

#6B6B6B

CSS Usage

background-color: #8856EB;
color: #8856EB;
border-color: #8856EB;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F6F2FC
100
#E9E1F9
200
#D2BFF7
300
#B292F2
400
#8856EB
500
#5E1BE4
600
#4B16B6
700
#3C1192
800
#2F0E72
900
#250E53
950
#170934

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

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