#5363EE

#5363EE

Color Values

HEX

#5363EE

RGB

83, 99, 238

HSL

233.8, 82.0%, 62.9%

HSV

233.8, 65.1%, 93.3%

CMYK

65.1%, 58.4%, 0.0%, 6.7%

OKLCH

0.5678 0.2076 272.9

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#5363EE

#EEDE53

Analogous

#53B0EE

#9053EE

#5363EE

Triadic

#5363EE

#EE5363

#63EE53

Split Complementary

#5363EE

#EE9053

#B0EE53

Tetradic

#5363EE

#EE53B0

#EEDE53

#53EE90

Color Blindness Simulation

Original

#5363EE

Protanopia

#5A5ACC

Deuteranopia

#5958C4

Tritanopia

#54B2AC

Achromatopsia

#6A6A6A

CSS Usage

background-color: #5363EE;
color: #5363EE;
border-color: #5363EE;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FD
100
#E1E3FA
200
#BEC4F9
300
#909AF4
400
#5363EE
500
#172DE8
600
#1224BA
700
#0F1D95
800
#0B1674
900
#0D1454
950
#080D35

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

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