#784F98

#784F98

Color Values

HEX

#784F98

RGB

120, 79, 152

HSL

273.7, 31.6%, 45.3%

HSV

273.7, 48.0%, 59.6%

CMYK

21.1%, 48.0%, 0.0%, 40.4%

OKLCH

0.5042 0.1197 308.6

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#784F98

#6F984F

Analogous

#544F98

#984F94

#784F98

Triadic

#784F98

#98784F

#4F9878

Split Complementary

#784F98

#94984F

#4F9854

Tetradic

#784F98

#98544F

#6F984F

#4F9498

Color Blindness Simulation

Original

#784F98

Protanopia

#666686

Deuteranopia

#696C82

Tritanopia

#767875

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DDD0E7
300
#C4AED5
400
#A483BE
500
#8457A8
600
#6A4686
700
#55386B
800
#422C54
900
#32233E
950
#201627

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

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