#5670EC

#5670EC

Color Values

HEX

#5670EC

RGB

86, 112, 236

HSL

229.6, 79.8%, 63.1%

HSV

229.6, 63.6%, 92.5%

CMYK

63.6%, 52.5%, 0.0%, 7.5%

OKLCH

0.592 0.1884 270.7

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#5670EC

#ECD256

Analogous

#56BBEC

#8756EC

#5670EC

Triadic

#5670EC

#EC5670

#70EC56

Split Complementary

#5670EC

#EC8756

#BBEC56

Tetradic

#5670EC

#EC56BB

#ECD256

#56EC87

Color Blindness Simulation

Original

#5670EC

Protanopia

#6161CE

Deuteranopia

#605EC7

Tritanopia

#57B6B1

Achromatopsia

#737373

CSS Usage

background-color: #5670EC;
color: #5670EC;
border-color: #5670EC;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F2F4FD
100
#E1E5F9
200
#BFC9F8
300
#91A2F3
400
#556FEC
500
#1A3DE5
600
#1531B7
700
#102793
800
#0D1F73
900
#0E1A53
950
#091035

Contrast Checker

Text on white

4.26:1

AA Fail AAA Fail

Text on black

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