#784BF6

#784BF6

Color Values

HEX

#784BF6

RGB

120, 75, 246

HSL

255.8, 90.5%, 62.9%

HSV

255.8, 69.5%, 96.5%

CMYK

51.2%, 69.5%, 0.0%, 3.5%

OKLCH

0.565 0.2391 288.3

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#784BF6

#C9F64B

Analogous

#4B73F6

#CD4BF6

#784BF6

Triadic

#784BF6

#F6784B

#4BF678

Split Complementary

#784BF6

#F6CD4B

#73F64B

Tetradic

#784BF6

#F64B73

#C9F64B

#4BF6CD

Color Blindness Simulation

Original

#784BF6

Protanopia

#6564CD

Deuteranopia

#676AC3

Tritanopia

#76ACA5

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F5F1FD
100
#E7DFFB
200
#CCBBFC
300
#A88AF9
400
#784BF6
500
#490CF3
600
#3A0AC2
700
#2F089B
800
#240679
900
#1E0958
950
#130638

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

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