#784BA8

#784BA8

Color Values

HEX

#784BA8

RGB

120, 75, 168

HSL

269,0, 38,3%, 47,6%

HSV

269,0, 55,4%, 65,9%

CMYK

28,6%, 55,4%, 0,0%, 34,1%

OKLCH

0,5071 0,1464 304,0

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#784BA8

#7BA84B

Analogous

#4B4CA8

#A64BA8

#784BA8

Triadic

#784BA8

#A8784B

#4BA878

Split Complementary

#784BA8

#A8A64B

#4CA84B

Tetradic

#784BA8

#A84B4C

#7BA84B

#4BA8A6

Color Blindness Simulation

Original

#784BA8

Protanopia

#656492

Deuteranopia

#676A8C

Tritanopia

#76807C

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DBCEE9
300
#C1AAD9
400
#9F7DC5
500
#7E4FB0
600
#653F8D
700
#513271
800
#3F2758
900
#302041
950
#1E1429

Contrast Checker

Text on white

6,23:1

AA Pass AAA Fail

Text on black

3,37:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026