#7C3498

#7C3498

Color Values

HEX

#7C3498

RGB

124, 52, 152

HSL

283.2, 49.0%, 40.0%

HSV

283.2, 65.8%, 59.6%

CMYK

18.4%, 65.8%, 0.0%, 40.4%

OKLCH

0.4688 0.1649 315.2

Properties

Cool Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#7C3498

#509834

Analogous

#4A3498

#983482

#7C3498

Triadic

#7C3498

#987C34

#34987C

Split Complementary

#7C3498

#829834

#34984A

Tetradic

#7C3498

#984A34

#509834

#348298

Color Blindness Simulation

Original

#7C3498

Protanopia

#5D5C80

Deuteranopia

#61667A

Tritanopia

#786D68

Achromatopsia

#4B4B4B

CSS Usage

background-color: #7C3498;
color: #7C3498;
border-color: #7C3498;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#F9F4FB
100
#F0E6F5
200
#E3CAED
300
#CFA4E0
400
#B572CF
500
#9B41BE
600
#7C3498
700
#632A7A
800
#4D215F
900
#3A1B46
950
#25112C

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

2.8:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026