#7B0477

#7B0477

Color Values

HEX

#7B0477

RGB

123, 4, 119

HSL

302.0, 93.7%, 24.9%

HSV

302.0, 96.7%, 48.2%

CMYK

0.0%, 96.7%, 3.3%, 51.8%

OKLCH

0.408 0.183 330.0

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#7B0477

#047B08

Analogous

#43047B

#7B043C

#7B0477

Triadic

#7B0477

#777B04

#04777B

Split Complementary

#7B0477

#3C7B04

#047B43

Tetradic

#7B0477

#7B4304

#047B08

#043C7B

Color Blindness Simulation

Original

#7B0477

Protanopia

#47465B

Deuteranopia

#4E5754

Tritanopia

#754540

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FDBAFB
300
#FB88F7
400
#F948F3
500
#F708EF
600
#C606BF
700
#9E0599
800
#7B0478
900
#590857
950
#380537

Contrast Checker

Text on white

9.88:1

AA Pass AAA Pass

Text on black

2.13:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026