#7E56EC

#7E56EC

Color Values

HEX

#7E56EC

RGB

126, 86, 236

HSL

256.0, 79.8%, 63.1%

HSV

256.0, 63.6%, 92.5%

CMYK

46.6%, 63.6%, 0.0%, 7.5%

OKLCH

0.5775 0.2145 290.3

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#7E56EC

#C4EC56

Analogous

#5679EC

#C956EC

#7E56EC

Triadic

#7E56EC

#EC7E56

#56EC7E

Split Complementary

#7E56EC

#ECC956

#79EC56

Tetradic

#7E56EC

#EC5679

#C4EC56

#56ECC9

Color Blindness Simulation

Original

#7E56EC

Protanopia

#6D6CC8

Deuteranopia

#6F72BF

Tritanopia

#7CABA5

Achromatopsia

#696969

CSS Usage

background-color: #7E56EC;
color: #7E56EC;
border-color: #7E56EC;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F5F2FD
100
#E7E1F9
200
#CEBFF8
300
#AB91F3
400
#7E55EC
500
#501AE5
600
#4015B7
700
#331093
800
#280D73
900
#200E53
950
#140935

Contrast Checker

Text on white

4.74:1

AA Pass AAA Fail

Text on black

4.43:1

AA Fail 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