#7557EB

#7557EB

Color Values

HEX

#7557EB

RGB

117, 87, 235

HSL

252.2, 78.7%, 63.1%

HSV

252.2, 63.0%, 92.2%

CMYK

50.2%, 63.0%, 0.0%, 7.8%

OKLCH

0.5702 0.2124 286.9

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#7557EB

#CDEB57

Analogous

#5783EB

#BF57EB

#7557EB

Triadic

#7557EB

#EB7557

#57EB75

Split Complementary

#7557EB

#EBBF57

#83EB57

Tetradic

#7557EB

#EB5783

#CDEB57

#57EBBF

Color Blindness Simulation

Original

#7557EB

Protanopia

#6868C7

Deuteranopia

#6A6CBF

Tritanopia

#73ABA5

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F4F2FC
100
#E6E1F9
200
#CBBFF7
300
#A592F2
400
#7556EB
500
#441BE4
600
#3616B6
700
#2B1192
800
#220E72
900
#1C0E53
950
#120934

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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