#784AB5

#784AB5

Color Values

HEX

#784AB5

RGB

120, 74, 181

HSL

265.8, 42.0%, 50.0%

HSV

265.8, 59.1%, 71.0%

CMYK

33.7%, 59.1%, 0.0%, 29.0%

OKLCH

0.5141 0.1639 300.6

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#784AB5

#87B54A

Analogous

#4A51B5

#AE4AB5

#784AB5

Triadic

#784AB5

#B5784A

#4AB578

Split Complementary

#784AB5

#B5AE4A

#51B54A

Tetradic

#784AB5

#B54A51

#87B54A

#4AB5AE

Color Blindness Simulation

Original

#784AB5

Protanopia

#64649B

Deuteranopia

#676A95

Tritanopia

#768782

Achromatopsia

#5C5C5C

CSS Usage

background-color: #784AB5;
color: #784AB5;
border-color: #784AB5;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F7F5FA
100
#ECE7F4
200
#D9CCEA
300
#BEA8DC
400
#9B79C8
500
#784AB5
600
#603B91
700
#4D2F74
800
#3C255B
900
#2E1E43
950
#1D132A

Contrast Checker

Text on white

6.1:1

AA Pass AAA Fail

Text on black

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