#5688EB

#5688EB

Color Values

HEX

#5688EB

RGB

86, 136, 235

HSL

219.9, 78.8%, 62.9%

HSV

219.9, 63.4%, 92.2%

CMYK

63.4%, 42.1%, 0.0%, 7.8%

OKLCH

0.6393 0.1583 262.6

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#5688EB

#EBB956

Analogous

#56D2EB

#6E56EB

#5688EB

Triadic

#5688EB

#EB5688

#88EB56

Split Complementary

#5688EB

#EB6E56

#D2EB56

Tetradic

#5688EB

#EB56D2

#EBB956

#56EB6E

Color Blindness Simulation

Original

#5688EB

Protanopia

#6C6CD3

Deuteranopia

#6965CD

Tritanopia

#58C0BC

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E1E9F9
200
#BFD2F7
300
#92B2F2
400
#5688EB
500
#1B5EE4
600
#164BB6
700
#113C92
800
#0E2F72
900
#0E2553
950
#091734

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

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