#784DAA

#784DAA

Color Values

HEX

#784DAA

RGB

120, 77, 170

HSL

267.7, 37.7%, 48.4%

HSV

267.7, 54.7%, 66.7%

CMYK

29.4%, 54.7%, 0.0%, 33.3%

OKLCH

0.5116 0.1457 302.9

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#784DAA

#7FAA4D

Analogous

#4D50AA

#A64DAA

#784DAA

Triadic

#784DAA

#AA784D

#4DAA78

Split Complementary

#784DAA

#AAA64D

#50AA4D

Tetradic

#784DAA

#AA4D50

#7FAA4D

#4DAAA6

Color Blindness Simulation

Original

#784DAA

Protanopia

#656594

Deuteranopia

#686B8E

Tritanopia

#76827E

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DACEE9
300
#C0ABD9
400
#9E7DC4
500
#7C4FB0
600
#63408C
700
#4F3370
800
#3E2858
900
#2F2041
950
#1E1429

Contrast Checker

Text on white

6.1:1

AA Pass AAA Fail

Text on black

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