#782877

#782877

Color Values

HEX

#782877

RGB

120, 40, 119

HSL

300,8, 50,0%, 31,4%

HSV

300,8, 66,7%, 47,1%

CMYK

0,0%, 66,7%, 0,8%, 52,9%

OKLCH

0,4283 0,1484 328,3

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#782877

#287829

Analogous

#512878

#78284F

#782877

Triadic

#782877

#777828

#287778

Split Complementary

#782877

#4F7828

#287851

Tetradic

#782877

#785128

#287829

#284F78

Color Blindness Simulation

Original

#782877

Protanopia

#555564

Deuteranopia

#5A605F

Tritanopia

#745551

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E6F5
200
#EDC9ED
300
#E0A3E0
400
#D071CF
500
#BF40BE
600
#993398
700
#7A2979
800
#60205F
900
#461B46
950
#2C112C

Contrast Checker

Text on white

8,87:1

AA Pass AAA Pass

Text on black

2,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