#A356EC

#A356EC

Color Values

HEX

#A356EC

RGB

163, 86, 236

HSL

270.8, 79.8%, 63.1%

HSV

270.8, 63.6%, 92.5%

CMYK

30.9%, 63.6%, 0.0%, 7.5%

OKLCH

0.6151 0.2186 304.3

Properties

Cool Light Nearest: darkorchid 3

Color Harmonies

Complementary

#A356EC

#9FEC56

Analogous

#5856EC

#EC56EA

#A356EC

Triadic

#A356EC

#ECA356

#56ECA3

Split Complementary

#A356EC

#EAEC56

#56EC58

Tetradic

#A356EC

#EC5856

#9FEC56

#56EAEC

Color Blindness Simulation

Original

#A356EC

Protanopia

#8281C8

Deuteranopia

#868CBF

Tritanopia

#9FABA5

Achromatopsia

#717171

CSS Usage

background-color: #A356EC;
color: #A356EC;
border-color: #A356EC;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F7F2FD
100
#EDE1F9
200
#DCBFF8
300
#C391F3
400
#A355EC
500
#821AE5
600
#6815B7
700
#531093
800
#410D73
900
#310E53
950
#1F0935

Contrast Checker

Text on white

4.12:1

AA Fail AAA Fail

Text on black

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