#78186F

#78186F

Color Values

HEX

#78186F

RGB

120, 24, 111

HSL

305.6, 66.7%, 28.2%

HSV

305.6, 80.0%, 47.1%

CMYK

0.0%, 80.0%, 7.5%, 52.9%

OKLCH

0.4084 0.1615 332.4

Properties

Warm Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#78186F

#187821

Analogous

#511878

#78183F

#78186F

Triadic

#78186F

#6F7818

#186F78

Split Complementary

#78186F

#3F7818

#187851

Tetradic

#78186F

#785118

#187821

#183F78

Color Blindness Simulation

Original

#78186F

Protanopia

#4E4E5A

Deuteranopia

#545B55

Tritanopia

#734946

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F5
200
#F3C3EF
300
#EB99E3
400
#E062D4
500
#D52AC5
600
#AA229D
700
#881B7E
800
#6A1562
900
#4E1348
950
#310C2E

Contrast Checker

Text on white

9.73:1

AA Pass AAA Pass

Text on black

2.16:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026