#78237E

#78237E

Color Values

HEX

#78237E

RGB

120, 35, 126

HSL

296.0, 56.5%, 31.6%

HSV

296.0, 72.2%, 49.4%

CMYK

4.8%, 72.2%, 0.0%, 50.6%

OKLCH

0.4272 0.1613 325.1

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#78237E

#297E23

Analogous

#4B237E

#7E2357

#78237E

Triadic

#78237E

#7E7823

#237E78

Split Complementary

#78237E

#577E23

#237E4B

Tetradic

#78237E

#7E4B23

#297E23

#23577E

Color Blindness Simulation

Original

#78237E

Protanopia

#535268

Deuteranopia

#585E63

Tritanopia

#745753

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F5E5F6
200
#EDC7EF
300
#E09FE4
400
#CF6BD6
500
#BE37C8
600
#982CA0
700
#7A2380
800
#5F1C64
900
#461849
950
#2C0F2E

Contrast Checker

Text on white

8.97:1

AA Pass AAA Pass

Text on black

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