#784FF2

#784FF2

Color Values

HEX

#784FF2

RGB

120, 79, 242

HSL

255,1, 86,2%, 62,9%

HSV

255,1, 67,4%, 94,9%

CMYK

50,4%, 67,4%, 0,0%, 5,1%

OKLCH

0,567 0,2301 288,3

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#784FF2

#C9F24F

Analogous

#4F77F2

#C94FF2

#784FF2

Triadic

#784FF2

#F2784F

#4FF278

Split Complementary

#784FF2

#F2C94F

#77F24F

Tetradic

#784FF2

#F24F77

#C9F24F

#4FF2C9

Color Blindness Simulation

Original

#784FF2

Protanopia

#6666CB

Deuteranopia

#696CC1

Tritanopia

#76ABA5

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F5F2FD
100
#E7E0FA
200
#CCBDFA
300
#A88DF7
400
#784FF2
500
#4912ED
600
#3A0EBE
700
#2F0B98
800
#240977
900
#1E0B56
950
#130736

Contrast Checker

Text on white

5,0:1

AA Pass AAA Fail

Text on black

4,2:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026