#78147F

#78147F

Color Values

HEX

#78147F

RGB

120, 20, 127

HSL

296.1, 72.8%, 28.8%

HSV

296.1, 84.3%, 49.8%

CMYK

5.5%, 84.3%, 0.0%, 50.2%

OKLCH

0.4158 0.1777 325.1

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#78147F

#1B7F14

Analogous

#42147F

#7F1450

#78147F

Triadic

#78147F

#7F7814

#147F78

Split Complementary

#78147F

#507F14

#147F42

Tetradic

#78147F

#7F4214

#1B7F14

#14507F

Color Blindness Simulation

Original

#78147F

Protanopia

#4D4C65

Deuteranopia

#525A5F

Tritanopia

#73514C

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F7E2F8
200
#F2C1F5
300
#E995EE
400
#DC5CE5
500
#D023DC
600
#A71CB0
700
#85168D
800
#68116E
900
#4C1150
950
#300B33

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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