#7B4CF6

#7B4CF6

Color Values

HEX

#7B4CF6

RGB

123, 76, 246

HSL

256.6, 90.4%, 63.1%

HSV

256.6, 69.1%, 96.5%

CMYK

50.0%, 69.1%, 0.0%, 3.5%

OKLCH

0.569 0.2379 289.2

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#7B4CF6

#C7F64C

Analogous

#4C72F6

#D04CF6

#7B4CF6

Triadic

#7B4CF6

#F67B4C

#4CF67B

Split Complementary

#7B4CF6

#F6D04C

#72F64C

Tetradic

#7B4CF6

#F64C72

#C7F64C

#4CF6D0

Color Blindness Simulation

Original

#7B4CF6

Protanopia

#6766CD

Deuteranopia

#696DC3

Tritanopia

#79ACA5

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F5F1FD
100
#E7DFFB
200
#CDBBFC
300
#A98AF9
400
#7B4BF6
500
#4C0CF3
600
#3D0AC2
700
#31089B
800
#260679
900
#1F0958
950
#130637

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

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