#5786EB

#5786EB

Color Values

HEX

#5786EB

RGB

87, 134, 235

HSL

220.9, 78.7%, 63.1%

HSV

220.9, 63.0%, 92.2%

CMYK

63.0%, 43.0%, 0.0%, 7.8%

OKLCH

0.6356 0.1603 263.7

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#5786EB

#EBBC57

Analogous

#57D0EB

#7257EB

#5786EB

Triadic

#5786EB

#EB5786

#86EB57

Split Complementary

#5786EB

#EB7257

#D0EB57

Tetradic

#5786EB

#EB57D0

#EBBC57

#57EB72

Color Blindness Simulation

Original

#5786EB

Protanopia

#6B6CD3

Deuteranopia

#6965CD

Tritanopia

#59BFBB

Achromatopsia

#838383

CSS Usage

background-color: #5786EB;
color: #5786EB;
border-color: #5786EB;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F5FC
100
#E1E9F9
200
#BFD1F7
300
#92B0F2
400
#5686EB
500
#1B5BE4
600
#1649B6
700
#113A92
800
#0E2E72
900
#0E2453
950
#091734

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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