#7C55ED

#7C55ED

Color Values

HEX

#7C55ED

RGB

124, 85, 237

HSL

255.4, 80.9%, 63.1%

HSV

255.4, 64.1%, 92.9%

CMYK

47.7%, 64.1%, 0.0%, 7.1%

OKLCH

0.575 0.217 289.6

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#7C55ED

#C6ED55

Analogous

#557AED

#C855ED

#7C55ED

Triadic

#7C55ED

#ED7C55

#55ED7C

Split Complementary

#7C55ED

#EDC855

#7AED55

Tetradic

#7C55ED

#ED557A

#C6ED55

#55EDC8

Color Blindness Simulation

Original

#7C55ED

Protanopia

#6B6BC8

Deuteranopia

#6D70BF

Tritanopia

#7AABA5

Achromatopsia

#686868

CSS Usage

background-color: #7C55ED;
color: #7C55ED;
border-color: #7C55ED;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F5F2FD
100
#E7E1F9
200
#CDBEF8
300
#AA90F3
400
#7C54ED
500
#4D18E7
600
#3E13B9
700
#311094
800
#270C73
900
#1F0D54
950
#140835

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

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