#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

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026