#7B4CF5

#7B4CF5

Color Values

HEX

#7B4CF5

RGB

123, 76, 245

HSL

256.7, 89.4%, 62.9%

HSV

256.7, 69.0%, 96.1%

CMYK

49.8%, 69.0%, 0.0%, 3.9%

OKLCH

0.5682 0.2367 289.4

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#7B4CF5

#C6F54C

Analogous

#4C71F5

#CF4CF5

#7B4CF5

Triadic

#7B4CF5

#F57B4C

#4CF57B

Split Complementary

#7B4CF5

#F5CF4C

#71F54C

Tetradic

#7B4CF5

#F54C71

#C6F54C

#4CF5CF

Color Blindness Simulation

Original

#7B4CF5

Protanopia

#6766CC

Deuteranopia

#696DC2

Tritanopia

#79ACA5

Achromatopsia

#626262

CSS Usage

background-color: #7B4CF5;
color: #7B4CF5;
border-color: #7B4CF5;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F5F2FD
100
#E7E0FB
200
#CDBBFB
300
#AA8BF9
400
#7B4CF5
500
#4D0EF1
600
#3E0BC1
700
#31099B
800
#260779
900
#1F0957
950
#140637

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

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