#7653EE

#7653EE

Color Values

HEX

#7653EE

RGB

118, 83, 238

HSL

253.5, 82.0%, 62.9%

HSV

253.5, 65.1%, 93.3%

CMYK

50.4%, 65.1%, 0.0%, 6.7%

OKLCH

0.5676 0.2208 287.6

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#7653EE

#CBEE53

Analogous

#537DEE

#C353EE

#7653EE

Triadic

#7653EE

#EE7653

#53EE76

Split Complementary

#7653EE

#EEC353

#7DEE53

Tetradic

#7653EE

#EE537D

#CBEE53

#53EEC3

Color Blindness Simulation

Original

#7653EE

Protanopia

#6767C9

Deuteranopia

#696CC0

Tritanopia

#74ABA4

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E6E1FA
200
#CBBEF9
300
#A690F4
400
#7653EE
500
#4617E8
600
#3812BA
700
#2D0F95
800
#230B74
900
#1D0D54
950
#120835

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

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