#7A55EC

#7A55EC

Color Values

HEX

#7A55EC

RGB

122, 85, 236

HSL

254.7, 79.9%, 62.9%

HSV

254.7, 64.0%, 92.5%

CMYK

48.3%, 64.0%, 0.0%, 7.5%

OKLCH

0.5724 0.2158 289.0

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#7A55EC

#C7EC55

Analogous

#557BEC

#C555EC

#7A55EC

Triadic

#7A55EC

#EC7A55

#55EC7A

Split Complementary

#7A55EC

#ECC555

#7BEC55

Tetradic

#7A55EC

#EC557B

#C7EC55

#55ECC5

Color Blindness Simulation

Original

#7A55EC

Protanopia

#6A6AC8

Deuteranopia

#6C6FBF

Tritanopia

#78ABA4

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F5F2FD
100
#E7E1F9
200
#CDBFF8
300
#A991F3
400
#7A55EC
500
#4C1AE5
600
#3C15B7
700
#301093
800
#260D73
900
#1F0E53
950
#130935

Contrast Checker

Text on white

4.84:1

AA Pass AAA Fail

Text on black

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