#784792

#784792

Color Values

HEX

#784792

RGB

120, 71, 146

HSL

279.2, 34.6%, 42.5%

HSV

279.2, 51.4%, 57.3%

CMYK

17.8%, 51.4%, 0.0%, 42.7%

OKLCH

0.4874 0.1263 312.7

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#784792

#619247

Analogous

#524792

#924786

#784792

Triadic

#784792

#927847

#479278

Split Complementary

#784792

#869247

#479252

Tetradic

#784792

#925247

#619247

#478692

Color Blindness Simulation

Original

#784792

Protanopia

#636280

Deuteranopia

#66697B

Tritanopia

#76726E

Achromatopsia

#575757

CSS Usage

background-color: #784792;
color: #784792;
border-color: #784792;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#DFCFE8
300
#C8ADD7
400
#AB80C1
500
#8D53AC
600
#714389
700
#5A356E
800
#472A56
900
#352140
950
#221528

Contrast Checker

Text on white

6.74:1

AA Pass AAA Fail

Text on black

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