#7C30CF

#7C30CF

Color Values

HEX

#7C30CF

RGB

124, 48, 207

HSL

268,7, 62,4%, 50,0%

HSV

268,7, 76,8%, 81,2%

CMYK

40,1%, 76,8%, 0,0%, 18,8%

OKLCH

0,5057 0,2255 299,8

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7C30CF

#83CF30

Analogous

#3033CF

#CC30CF

#7C30CF

Triadic

#7C30CF

#CF7C30

#30CF7C

Split Complementary

#7C30CF

#CFCC30

#33CF30

Tetradic

#7C30CF

#CF3033

#83CF30

#30CFCC

Color Blindness Simulation

Original

#7C30CF

Protanopia

#5B5AA9

Deuteranopia

#60659F

Tritanopia

#788A83

Achromatopsia

#4C4C4C

CSS Usage

background-color: #7C30CF;
color: #7C30CF;
border-color: #7C30CF;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F7F3FB
100
#EDE4F7
200
#DAC5F2
300
#C09CE8
400
#9E66DC
500
#7C30CF
600
#6326A6
700
#4F1F85
800
#3E1868
900
#2F154C
950
#1E0D30

Contrast Checker

Text on white

6,6:1

AA Pass AAA Fail

Text on black

3,18:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026