#780756

#780756

Color Values

HEX

#780756

RGB

120, 7, 86

HSL

318.1, 89.0%, 24.9%

HSV

318.1, 94.2%, 47.1%

CMYK

0.0%, 94.2%, 28.3%, 52.9%

OKLCH

0.385 0.1579 345.3

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#780756

#077829

Analogous

#620778

#78071D

#780756

Triadic

#780756

#567807

#075678

Split Complementary

#780756

#1D7807

#077862

Tetradic

#780756

#786207

#077829

#071D78

Color Blindness Simulation

Original

#780756

Protanopia

#474643

Deuteranopia

#4E563E

Tritanopia

#723430

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FBE0F3
200
#FBBCE8
300
#F88BD7
400
#F54DC2
500
#F10EAD
600
#C10B8A
700
#9A096E
800
#780756
900
#570A40
950
#370628

Contrast Checker

Text on white

10.7:1

AA Pass AAA Pass

Text on black

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