#7C33CC

#7C33CC

Color Values

HEX

#7C33CC

RGB

124, 51, 204

HSL

268.6, 60.0%, 50.0%

HSV

268.6, 75.0%, 80.0%

CMYK

39.2%, 75.0%, 0.0%, 20.0%

OKLCH

0.5062 0.2195 300.2

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7C33CC

#83CC33

Analogous

#3337CC

#C833CC

#7C33CC

Triadic

#7C33CC

#CC7C33

#33CC7C

Split Complementary

#7C33CC

#CCC833

#37CC33

Tetradic

#7C33CC

#CC3337

#83CC33

#33CCC8

Color Blindness Simulation

Original

#7C33CC

Protanopia

#5C5CA7

Deuteranopia

#61669E

Tritanopia

#788A83

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DAC6F1
300
#C09DE7
400
#9E68D9
500
#7C33CC
600
#6329A3
700
#4F2183
800
#3E1A66
900
#2F164B
950
#1E0E2F

Contrast Checker

Text on white

6.56:1

AA Pass AAA Fail

Text on black

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