#7B5AE7

#7B5AE7

Color Values

HEX

#7B5AE7

RGB

123, 90, 231

HSL

254.0, 74.6%, 62.9%

HSV

254.0, 61.0%, 90.6%

CMYK

46.8%, 61.0%, 0.0%, 9.4%

OKLCH

0.577 0.2034 289.2

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#7B5AE7

#C6E75A

Analogous

#5A7FE7

#C15AE7

#7B5AE7

Triadic

#7B5AE7

#E77B5A

#5AE77B

Split Complementary

#7B5AE7

#E7C15A

#7FE75A

Tetradic

#7B5AE7

#E75A7F

#C6E75A

#5AE7C1

Color Blindness Simulation

Original

#7B5AE7

Protanopia

#6D6CC5

Deuteranopia

#6F71BD

Tritanopia

#79AAA4

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F5F2FC
100
#E7E2F8
200
#CDC1F6
300
#A994EF
400
#7B5AE7
500
#4D20DF
600
#3D1AB2
700
#31158E
800
#26106F
900
#1F1051
950
#140A33

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

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