#78478C

#78478C

Color Values

HEX

#78478C

RGB

120, 71, 140

HSL

282.6, 32.7%, 41.4%

HSV

282.6, 49.3%, 54.9%

CMYK

14.3%, 49.3%, 0.0%, 45.1%

OKLCH

0.484 0.1191 315.4

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#78478C

#5B8C47

Analogous

#56478C

#8C477E

#78478C

Triadic

#78478C

#8C7847

#478C78

Split Complementary

#78478C

#7E8C47

#478C56

Tetradic

#78478C

#8C5647

#5B8C47

#477E8C

Color Blindness Simulation

Original

#78478C

Protanopia

#63627B

Deuteranopia

#666977

Tritanopia

#766E6B

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#E0D0E7
300
#CAAED6
400
#AE82C0
500
#9156A9
600
#744587
700
#5D376C
800
#492B55
900
#36223F
950
#221628

Contrast Checker

Text on white

6.82:1

AA Pass AAA Fail

Text on black

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