#5367EE

#5367EE

Color Values

HEX

#5367EE

RGB

83, 103, 238

HSL

232,3, 82,0%, 62,9%

HSV

232,3, 65,1%, 93,3%

CMYK

65,1%, 56,7%, 0,0%, 6,7%

OKLCH

0,575 0,2028 272,0

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#5367EE

#EEDA53

Analogous

#53B4EE

#8C53EE

#5367EE

Triadic

#5367EE

#EE5367

#67EE53

Split Complementary

#5367EE

#EE8C53

#B4EE53

Tetradic

#5367EE

#EE53B4

#EEDA53

#53EE8C

Color Blindness Simulation

Original

#5367EE

Protanopia

#5C5CCD

Deuteranopia

#5A59C6

Tritanopia

#54B4AE

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E1E4FA
200
#BEC6F9
300
#909CF4
400
#5367EE
500
#1732E8
600
#1228BA
700
#0F2095
800
#0B1974
900
#0D1654
950
#080E35

Contrast Checker

Text on white

4,62:1

AA Pass AAA Fail

Text on black

4,54:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026