#783CAA

#783CAA

Color Values

HEX

#783CAA

RGB

120, 60, 170

HSL

272.7, 47.8%, 45.1%

HSV

272.7, 64.7%, 66.7%

CMYK

29.4%, 64.7%, 0.0%, 33.3%

OKLCH

0.4863 0.1714 306.1

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#783CAA

#6EAA3C

Analogous

#413CAA

#AA3CA5

#783CAA

Triadic

#783CAA

#AA783C

#3CAA78

Split Complementary

#783CAA

#A5AA3C

#3CAA41

Tetradic

#783CAA

#AA413C

#6EAA3C

#3CA5AA

Color Blindness Simulation

Original

#783CAA

Protanopia

#5E5D8F

Deuteranopia

#626689

Tritanopia

#757A76

Achromatopsia

#515151

CSS Usage

background-color: #783CAA;
color: #783CAA;
border-color: #783CAA;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F4FA
100
#EEE6F4
200
#DDCAEC
300
#C4A5DF
400
#A574CE
500
#8543BC
600
#6A3597
700
#552B79
800
#42215E
900
#321C45
950
#20112C

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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