#780C7B

#780C7B

Color Values

HEX

#780C7B

RGB

120, 12, 123

HSL

298.4, 82.2%, 26.5%

HSV

298.4, 90.2%, 48.2%

CMYK

2.4%, 90.2%, 0.0%, 51.8%

OKLCH

0.4088 0.1802 327.0

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#780C7B

#0F7B0C

Analogous

#410C7B

#7B0C47

#780C7B

Triadic

#780C7B

#7B780C

#0C7B78

Split Complementary

#780C7B

#477B0C

#0C7B41

Tetradic

#780C7B

#7B410C

#0F7B0C

#0C477B

Color Blindness Simulation

Original

#780C7B

Protanopia

#494860

Deuteranopia

#50585A

Tritanopia

#734B46

Achromatopsia

#2B2B2B

CSS Usage

background-color: #780C7B;
color: #780C7B;
border-color: #780C7B;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FCF2FD
100
#F9E1FA
200
#F7BEF9
300
#F18FF4
400
#EA53EE
500
#E317E8
600
#B512BA
700
#910F95
800
#710B74
900
#520D54
950
#340835

Contrast Checker

Text on white

9.83:1

AA Pass AAA Pass

Text on black

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