#8356EC

#8356EC

Color Values

HEX

#8356EC

RGB

131, 86, 236

HSL

258.0, 79.8%, 63.1%

HSV

258.0, 63.6%, 92.5%

CMYK

44.5%, 63.6%, 0.0%, 7.5%

OKLCH

0.5822 0.2145 292.2

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#8356EC

#BFEC56

Analogous

#5674EC

#CE56EC

#8356EC

Triadic

#8356EC

#EC8356

#56EC83

Split Complementary

#8356EC

#ECCE56

#74EC56

Tetradic

#8356EC

#EC5674

#BFEC56

#56ECCE

Color Blindness Simulation

Original

#8356EC

Protanopia

#706FC8

Deuteranopia

#7275BF

Tritanopia

#81ABA5

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F5F2FD
100
#E8E1F9
200
#D0BFF8
300
#AE91F3
400
#8355EC
500
#571AE5
600
#4515B7
700
#381093
800
#2B0D73
900
#230E53
950
#160935

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

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