#78166E

#78166E

Color Values

HEX

#78166E

RGB

120, 22, 110

HSL

306.1, 69.0%, 27.8%

HSV

306.1, 81.7%, 47.1%

CMYK

0.0%, 81.7%, 8.3%, 52.9%

OKLCH

0.4064 0.1627 332.9

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#78166E

#167820

Analogous

#511678

#78163D

#78166E

Triadic

#78166E

#6E7816

#166E78

Split Complementary

#78166E

#3D7816

#167851

Tetradic

#78166E

#785116

#167820

#163D78

Color Blindness Simulation

Original

#78166E

Protanopia

#4E4D59

Deuteranopia

#535B54

Tritanopia

#734844

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F8E3F5
200
#F4C3EF
300
#EC98E3
400
#E260D5
500
#D728C6
600
#AC209E
700
#8A197E
800
#6C1463
900
#4F1248
950
#320C2E

Contrast Checker

Text on white

9.82:1

AA Pass AAA Pass

Text on black

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