#7C3CC3

#7C3CC3

Color Values

HEX

#7C3CC3

RGB

124, 60, 195

HSL

268.4, 52.9%, 50.0%

HSV

268.4, 69.2%, 76.5%

CMYK

36.4%, 69.2%, 0.0%, 23.5%

OKLCH

0.5093 0.1998 301.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#7C3CC3

#83C33C

Analogous

#3C40C3

#BF3CC3

#7C3CC3

Triadic

#7C3CC3

#C37C3C

#3CC37C

Split Complementary

#7C3CC3

#C3BF3C

#40C33C

Tetradic

#7C3CC3

#C33C40

#83C33C

#3CC3BF

Color Blindness Simulation

Original

#7C3CC3

Protanopia

#6060A2

Deuteranopia

#64699A

Tritanopia

#798983

Achromatopsia

#535353

CSS Usage

background-color: #7C3CC3;
color: #7C3CC3;
border-color: #7C3CC3;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DAC8EE
300
#C0A1E2
400
#9E6FD3
500
#7C3CC3
600
#63309C
700
#4F267D
800
#3E1E61
900
#2F1948
950
#1E102D

Contrast Checker

Text on white

6.38:1

AA Pass AAA Fail

Text on black

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