#78477D

#78477D

Color Values

HEX

#78477D

RGB

120, 71, 125

HSL

294.4, 27.6%, 38.4%

HSV

294.4, 43.2%, 49.0%

CMYK

4.0%, 43.2%, 0.0%, 51.0%

OKLCH

0.4762 0.1019 323.6

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#78477D

#4C7D47

Analogous

#5D477D

#7D4767

#78477D

Triadic

#78477D

#7D7847

#477D78

Split Complementary

#78477D

#677D47

#477D5D

Tetradic

#78477D

#7D5D47

#4C7D47

#47677D

Color Blindness Simulation

Original

#78477D

Protanopia

#636270

Deuteranopia

#66696D

Tritanopia

#766663

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E3D1E5
300
#D0B1D3
400
#B687BB
500
#9C5CA3
600
#7D4A82
700
#643B68
800
#4E2E51
900
#3A243C
950
#251726

Contrast Checker

Text on white

7.01:1

AA Pass AAA Pass

Text on black

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