#5688BA

#5688BA

Color Values

HEX

#5688BA

RGB

86, 136, 186

HSL

210.0, 42.0%, 53.3%

HSV

210.0, 53.8%, 72.9%

CMYK

53.8%, 26.9%, 0.0%, 27.1%

OKLCH

0.6124 0.0936 249.6

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#5688BA

#BA8856

Analogous

#56BABA

#5656BA

#5688BA

Triadic

#5688BA

#BA5688

#88BA56

Split Complementary

#5688BA

#BA5656

#BABA56

Tetradic

#5688BA

#BA56BA

#BA8856

#56BA56

Color Blindness Simulation

Original

#5688BA

Protanopia

#6C6CAE

Deuteranopia

#6965AB

Tritanopia

#58A4A2

Achromatopsia

#818181

CSS Usage

background-color: #5688BA;
color: #5688BA;
border-color: #5688BA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F7FA
100
#E7EDF4
200
#CCDBEA
300
#A8C2DC
400
#79A1C8
500
#4A80B5
600
#3B6691
700
#2F5274
800
#25405B
900
#1E3043
950
#131F2A

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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