#5653D4

#5653D4

Color Values

HEX

#5653D4

RGB

86, 83, 212

HSL

241.4, 60.0%, 57.8%

HSV

241.4, 60.8%, 83.1%

CMYK

59.4%, 60.8%, 0.0%, 16.9%

OKLCH

0.5213 0.1925 278.4

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#5653D4

#D1D453

Analogous

#5390D4

#9653D4

#5653D4

Triadic

#5653D4

#D45653

#53D456

Split Complementary

#5653D4

#D49653

#90D453

Tetradic

#5653D4

#D45390

#D1D453

#53D496

Color Blindness Simulation

Original

#5653D4

Protanopia

#5555B5

Deuteranopia

#5555AD

Tritanopia

#569C97

Achromatopsia

#5D5D5D

CSS Usage

background-color: #5653D4;
color: #5653D4;
border-color: #5653D4;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F4F3FB
100
#E4E4F6
200
#C7C6F1
300
#9F9DE7
400
#6B68D9
500
#3733CC
600
#2C29A3
700
#232183
800
#1B1A66
900
#18164B
950
#0F0E2F

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

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