#7B0478

#7B0478

Color Values

HEX

#7B0478

RGB

123, 4, 120

HSL

301.5, 93.7%, 24.9%

HSV

301.5, 96.7%, 48.2%

CMYK

0.0%, 96.7%, 2.4%, 51.8%

OKLCH

0.4086 0.1837 329.6

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#7B0478

#047B07

Analogous

#42047B

#7B043D

#7B0478

Triadic

#7B0478

#787B04

#04787B

Split Complementary

#7B0478

#3D7B04

#047B42

Tetradic

#7B0478

#7B4204

#047B07

#043D7B

Color Blindness Simulation

Original

#7B0478

Protanopia

#47465C

Deuteranopia

#4E5755

Tritanopia

#754641

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FDBAFB
300
#FB88F8
400
#F948F5
500
#F708F1
600
#C606C1
700
#9E059A
800
#7B0478
900
#590857
950
#380537

Contrast Checker

Text on white

9.86:1

AA Pass AAA Pass

Text on black

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