#5568EC

#5568EC

Color Values

HEX

#5568EC

RGB

85, 104, 236

HSL

232.5, 79.9%, 62.9%

HSV

232.5, 64.0%, 92.5%

CMYK

64.0%, 55.9%, 0.0%, 7.5%

OKLCH

0.5765 0.1984 272.4

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#5568EC

#ECD955

Analogous

#55B3EC

#8D55EC

#5568EC

Triadic

#5568EC

#EC5568

#68EC55

Split Complementary

#5568EC

#EC8D55

#B3EC55

Tetradic

#5568EC

#EC55B3

#ECD955

#55EC8D

Color Blindness Simulation

Original

#5568EC

Protanopia

#5D5DCC

Deuteranopia

#5C5BC4

Tritanopia

#56B3AD

Achromatopsia

#6D6D6D

CSS Usage

background-color: #5568EC;
color: #5568EC;
border-color: #5568EC;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F2F3FD
100
#E1E4F9
200
#BFC6F8
300
#919DF3
400
#5568EC
500
#1A33E5
600
#1529B7
700
#102193
800
#0D1A73
900
#0E1653
950
#090E35

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

4.58:1

AA Pass 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