#7654ED

#7654ED

Color Values

HEX

#7654ED

RGB

118, 84, 237

HSL

253.3, 81.0%, 62.9%

HSV

253.3, 64.6%, 92.9%

CMYK

50.2%, 64.6%, 0.0%, 7.1%

OKLCH

0.5682 0.2184 287.5

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#7654ED

#CBED54

Analogous

#547EED

#C254ED

#7654ED

Triadic

#7654ED

#ED7654

#54ED76

Split Complementary

#7654ED

#EDC254

#7EED54

Tetradic

#7654ED

#ED547E

#CBED54

#54EDC2

Color Blindness Simulation

Original

#7654ED

Protanopia

#6767C8

Deuteranopia

#696CBF

Tritanopia

#74ABA4

Achromatopsia

#666666

CSS Usage

background-color: #7654ED;
color: #7654ED;
border-color: #7654ED;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F4F2FD
100
#E6E1F9
200
#CBBEF8
300
#A690F3
400
#7654ED
500
#4618E7
600
#3813B9
700
#2D1094
800
#230C73
900
#1D0D54
950
#120835

Contrast Checker

Text on white

4.93:1

AA Pass AAA Fail

Text on black

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