#5652EF

#5652EF

Color Values

HEX

#5652EF

RGB

86, 82, 239

HSL

241.5, 83.1%, 62.9%

HSV

241.5, 65.7%, 93.7%

CMYK

64.0%, 65.7%, 0.0%, 6.3%

OKLCH

0.5422 0.2278 276.8

Properties

Cool Dark Nearest: slateblue 1

Color Harmonies

Complementary

#5652EF

#EBEF52

Analogous

#529CEF

#A452EF

#5652EF

Triadic

#5652EF

#EF5652

#52EF56

Split Complementary

#5652EF

#EFA452

#9CEF52

Tetradic

#5652EF

#EF529C

#EBEF52

#52EFA4

Color Blindness Simulation

Original

#5652EF

Protanopia

#5454C9

Deuteranopia

#5455C0

Tritanopia

#56ABA4

Achromatopsia

#5E5E5E

CSS Usage

background-color: #5652EF;
color: #5652EF;
border-color: #5652EF;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#BFBEF9
300
#918FF5
400
#5652EF
500
#1B16E9
600
#1511BB
700
#110E95
800
#0D0B75
900
#0E0C55
950
#090835

Contrast Checker

Text on white

5.46:1

AA Pass AAA Fail

Text on black

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