#7C56EC

#7C56EC

Color Values

HEX

#7C56EC

RGB

124, 86, 236

HSL

255.2, 79.8%, 63.1%

HSV

255.2, 63.6%, 92.5%

CMYK

47.5%, 63.6%, 0.0%, 7.5%

OKLCH

0.5757 0.2145 289.6

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#7C56EC

#C6EC56

Analogous

#567BEC

#C756EC

#7C56EC

Triadic

#7C56EC

#EC7C56

#56EC7C

Split Complementary

#7C56EC

#ECC756

#7BEC56

Tetradic

#7C56EC

#EC567B

#C6EC56

#56ECC7

Color Blindness Simulation

Original

#7C56EC

Protanopia

#6C6BC8

Deuteranopia

#6E71BF

Tritanopia

#7AABA5

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F5F2FD
100
#E7E1F9
200
#CDBFF8
300
#AA91F3
400
#7C55EC
500
#4D1AE5
600
#3E15B7
700
#311093
800
#270D73
900
#1F0E53
950
#140935

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

4.4:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026