#78017F

#78017F

Color Values

HEX

#78017F

RGB

120, 1, 127

HSL

296.7, 98.4%, 25.1%

HSV

296.7, 99.2%, 49.8%

CMYK

5.5%, 99.2%, 0.0%, 50.2%

OKLCH

0.4071 0.1892 325.4

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#78017F

#087F01

Analogous

#39017F

#7F0147

#78017F

Triadic

#78017F

#7F7801

#017F78

Split Complementary

#78017F

#477F01

#017F39

Tetradic

#78017F

#7F3901

#087F01

#01477F

Color Blindness Simulation

Original

#78017F

Protanopia

#444361

Deuteranopia

#4B5459

Tritanopia

#724843

Achromatopsia

#232323

CSS Usage

background-color: #78017F;
color: #78017F;
border-color: #78017F;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FDF1FE
100
#FADEFC
200
#FBB8FE
300
#F786FE
400
#F344FD
500
#EF02FD
600
#BF02CA
700
#9901A2
800
#78017E
900
#57065B
950
#37043A

Contrast Checker

Text on white

9.96:1

AA Pass AAA Pass

Text on black

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