#565EEC

#565EEC

Color Values

HEX

#565EEC

RGB

86, 94, 236

HSL

236.8, 79.8%, 63.1%

HSV

236.8, 63.6%, 92.5%

CMYK

63.6%, 60.2%, 0.0%, 7.5%

OKLCH

0.5593 0.2102 274.8

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#565EEC

#ECE456

Analogous

#56A9EC

#9956EC

#565EEC

Triadic

#565EEC

#EC565E

#5EEC56

Split Complementary

#565EEC

#EC9956

#A9EC56

Tetradic

#565EEC

#EC56A9

#ECE456

#56EC99

Color Blindness Simulation

Original

#565EEC

Protanopia

#595ACA

Deuteranopia

#5958C1

Tritanopia

#56AEA9

Achromatopsia

#676767

CSS Usage

background-color: #565EEC;
color: #565EEC;
border-color: #565EEC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FD
100
#E1E2F9
200
#BFC2F8
300
#9196F3
400
#555DEC
500
#1A25E5
600
#151DB7
700
#101793
800
#0D1273
900
#0E1153
950
#090B35

Contrast Checker

Text on white

4.99:1

AA Pass AAA Fail

Text on black

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