#7B0F78

#7B0F78

Color Values

HEX

#7B0F78

RGB

123, 15, 120

HSL

301.7, 78.3%, 27.1%

HSV

301.7, 87.8%, 48.2%

CMYK

0.0%, 87.8%, 2.4%, 51.8%

OKLCH

0.4133 0.1774 329.5

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#7B0F78

#0F7B12

Analogous

#480F7B

#7B0F42

#7B0F78

Triadic

#7B0F78

#787B0F

#0F787B

Split Complementary

#7B0F78

#427B0F

#0F7B48

Tetradic

#7B0F78

#7B480F

#0F7B12

#0F427B

Color Blindness Simulation

Original

#7B0F78

Protanopia

#4C4B5F

Deuteranopia

#525B58

Tritanopia

#764B46

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E1F8
200
#F7BFF6
300
#F292EF
400
#EB57E6
500
#E31CDE
600
#B616B1
700
#91128E
800
#720E6F
900
#530E51
950
#340933

Contrast Checker

Text on white

9.63:1

AA Pass AAA Pass

Text on black

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