#7556EC

#7556EC

Color Values

HEX

#7556EC

RGB

117, 86, 236

HSL

252.4, 79.8%, 63.1%

HSV

252.4, 63.6%, 92.5%

CMYK

50.4%, 63.6%, 0.0%, 7.5%

OKLCH

0.5695 0.2148 287.0

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#7556EC

#CDEC56

Analogous

#5682EC

#C056EC

#7556EC

Triadic

#7556EC

#EC7556

#56EC75

Split Complementary

#7556EC

#ECC056

#82EC56

Tetradic

#7556EC

#EC5682

#CDEC56

#56ECC0

Color Blindness Simulation

Original

#7556EC

Protanopia

#6867C8

Deuteranopia

#696CBF

Tritanopia

#73ABA5

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E6E1F9
200
#CBBFF8
300
#A591F3
400
#7455EC
500
#441AE5
600
#3615B7
700
#2B1093
800
#220D73
900
#1C0E53
950
#120935

Contrast Checker

Text on white

4.89:1

AA Pass AAA Fail

Text on black

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