#7656EC

#7656EC

Color Values

HEX

#7656EC

RGB

118, 86, 236

HSL

252.8, 79.8%, 63.1%

HSV

252.8, 63.6%, 92.5%

CMYK

50.0%, 63.6%, 0.0%, 7.5%

OKLCH

0.5704 0.2148 287.3

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#7656EC

#CCEC56

Analogous

#5681EC

#C156EC

#7656EC

Triadic

#7656EC

#EC7656

#56EC76

Split Complementary

#7656EC

#ECC156

#81EC56

Tetradic

#7656EC

#EC5681

#CCEC56

#56ECC1

Color Blindness Simulation

Original

#7656EC

Protanopia

#6868C8

Deuteranopia

#6A6CBF

Tritanopia

#74ABA5

Achromatopsia

#686868

CSS Usage

background-color: #7656EC;
color: #7656EC;
border-color: #7656EC;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F4F2FD
100
#E6E1F9
200
#CBBFF8
300
#A691F3
400
#7555EC
500
#451AE5
600
#3715B7
700
#2C1093
800
#230D73
900
#1C0E53
950
#120935

Contrast Checker

Text on white

4.87:1

AA Pass AAA Fail

Text on black

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