#78097A

#78097A

Color Values

HEX

#78097A

RGB

120, 9, 122

HSL

298.9, 86.3%, 25.7%

HSV

298.9, 92.6%, 47.8%

CMYK

1.6%, 92.6%, 0.0%, 52.2%

OKLCH

0.4069 0.1812 327.4

Properties

Cool Dark Nearest: purple

Color Harmonies

Complementary

#78097A

#0B7A09

Analogous

#3F097A

#7A0944

#78097A

Triadic

#78097A

#7A7809

#097A78

Split Complementary

#78097A

#447A09

#097A3F

Tetradic

#78097A

#7A3F09

#0B7A09

#09447A

Color Blindness Simulation

Original

#78097A

Protanopia

#48475F

Deuteranopia

#4E5758

Tritanopia

#724944

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE0FA
200
#F9BCFA
300
#F58DF7
400
#EF4FF2
500
#E911EE
600
#BB0EBE
700
#950B98
800
#750977
900
#550B56
950
#350736

Contrast Checker

Text on white

9.91:1

AA Pass AAA Pass

Text on black

2.12:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026