#5670EB

#5670EB

Color Values

HEX

#5670EB

RGB

86, 112, 235

HSL

229.5, 78.8%, 62.9%

HSV

229.5, 63.4%, 92.2%

CMYK

63.4%, 52.3%, 0.0%, 7.8%

OKLCH

0.5913 0.187 270.7

Properties

Cool Light Nearest: royalblue 2

Color Harmonies

Complementary

#5670EB

#EBD156

Analogous

#56BAEB

#8656EB

#5670EB

Triadic

#5670EB

#EB5670

#70EB56

Split Complementary

#5670EB

#EB8656

#BAEB56

Tetradic

#5670EB

#EB56BA

#EBD156

#56EB86

Color Blindness Simulation

Original

#5670EB

Protanopia

#6161CD

Deuteranopia

#605EC6

Tritanopia

#57B6B1

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F2F4FC
100
#E1E5F9
200
#BFC9F7
300
#92A2F2
400
#5670EB
500
#1B3EE4
600
#1632B6
700
#112892
800
#0E1F72
900
#0E1A53
950
#091034

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

4.91:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026