#780AEA

#780AEA

Color Values

HEX

#780AEA

RGB

120, 10, 234

HSL

269.5, 91.8%, 47.8%

HSV

269.5, 95.7%, 91.8%

CMYK

48.7%, 95.7%, 0.0%, 8.2%

OKLCH

0.5032 0.2724 294.8

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#780AEA

#7CEA0A

Analogous

#0A0CEA

#E80AEA

#780AEA

Triadic

#780AEA

#EA780A

#0AEA78

Split Complementary

#780AEA

#EAE80A

#0CEA0A

Tetradic

#780AEA

#EA0A0C

#7CEA0A

#0AEAE8

Color Blindness Simulation

Original

#780AEA

Protanopia

#4847B4

Deuteranopia

#4F57A7

Tritanopia

#728980

Achromatopsia

#323232

CSS Usage

background-color: #780AEA;
color: #780AEA;
border-color: #780AEA;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F7F1FD
100
#EDDFFB
200
#DBBBFC
300
#C18AFA
400
#9F4AF7
500
#7E0AF5
600
#6408C4
700
#50079D
800
#3F057A
900
#300858
950
#1E0538

Contrast Checker

Text on white

6.93:1

AA Pass AAA Fail

Text on black

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