#784EF4

#784EF4

Color Values

HEX

#784EF4

RGB

120, 78, 244

HSL

255.2, 88.3%, 63.1%

HSV

255.2, 68.0%, 95.7%

CMYK

50.8%, 68.0%, 0.0%, 4.3%

OKLCH

0.5672 0.2335 288.2

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#784EF4

#CAF44E

Analogous

#4E77F4

#CB4EF4

#784EF4

Triadic

#784EF4

#F4784E

#4EF478

Split Complementary

#784EF4

#F4CB4E

#77F44E

Tetradic

#784EF4

#F44E77

#CAF44E

#4EF4CB

Color Blindness Simulation

Original

#784EF4

Protanopia

#6665CC

Deuteranopia

#686BC2

Tritanopia

#76ACA5

Achromatopsia

#636363

CSS Usage

background-color: #784EF4;
color: #784EF4;
border-color: #784EF4;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F5F2FD
100
#E7E0FB
200
#CCBCFB
300
#A78CF8
400
#784DF4
500
#480FF0
600
#3A0CC0
700
#2E0A9A
800
#240778
900
#1D0A57
950
#130637

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

4.19:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026