#7654EE

#7654EE

Color Values

HEX

#7654EE

RGB

118, 84, 238

HSL

253.2, 81.9%, 63.1%

HSV

253.2, 64.7%, 93.3%

CMYK

50.4%, 64.7%, 0.0%, 6.7%

OKLCH

0.569 0.2196 287.4

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#7654EE

#CCEE54

Analogous

#547FEE

#C354EE

#7654EE

Triadic

#7654EE

#EE7654

#54EE76

Split Complementary

#7654EE

#EEC354

#7FEE54

Tetradic

#7654EE

#EE547F

#CCEE54

#54EEC3

Color Blindness Simulation

Original

#7654EE

Protanopia

#6767C9

Deuteranopia

#696CC0

Tritanopia

#74ABA5

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E6E1FA
200
#CBBEF9
300
#A690F4
400
#7553EE
500
#4517E8
600
#3712BA
700
#2C0F94
800
#230C74
900
#1C0D54
950
#120835

Contrast Checker

Text on white

4.91:1

AA Pass AAA Fail

Text on black

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