#780F7A

#780F7A

Color Values

HEX

#780F7A

RGB

120, 15, 122

HSL

298.9, 78.1%, 26.9%

HSV

298.9, 87.7%, 47.8%

CMYK

1.6%, 87.7%, 0.0%, 52.2%

OKLCH

0.4096 0.1775 327.3

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#780F7A

#117A0F

Analogous

#430F7A

#7A0F47

#780F7A

Triadic

#780F7A

#7A780F

#0F7A78

Split Complementary

#780F7A

#477A0F

#0F7A43

Tetradic

#780F7A

#7A430F

#117A0F

#0F477A

Color Blindness Simulation

Original

#780F7A

Protanopia

#4B4A60

Deuteranopia

#51585A

Tritanopia

#734C47

Achromatopsia

#2D2D2D

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E1F9
200
#F6BFF7
300
#F092F2
400
#E857EA
500
#DF1CE3
600
#B316B6
700
#8F1291
800
#700E72
900
#510E53
950
#330934

Contrast Checker

Text on white

9.78:1

AA Pass AAA Pass

Text on black

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