#5BA4E7

#5BA4E7

Color Values

HEX

#5BA4E7

RGB

91, 164, 231

HSL

208.7, 74.5%, 63.1%

HSV

208.7, 60.6%, 90.6%

CMYK

60.6%, 29.0%, 0.0%, 9.4%

OKLCH

0.6997 0.1232 248.1

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#5BA4E7

#E79E5B

Analogous

#5BE7E4

#5B5EE7

#5BA4E7

Triadic

#5BA4E7

#E75BA4

#A4E75B

Split Complementary

#5BA4E7

#E75B5E

#E7E45B

Tetradic

#5BA4E7

#E45BE7

#E79E5B

#5EE75B

Color Blindness Simulation

Original

#5BA4E7

Protanopia

#7B7BD7

Deuteranopia

#7671D3

Tritanopia

#5FCAC7

Achromatopsia

#999999

CSS Usage

background-color: #5BA4E7;
color: #5BA4E7;
border-color: #5BA4E7;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C1DCF6
300
#94C4EF
400
#5AA4E7
500
#2184DE
600
#1A69B2
700
#15548E
800
#10426F
900
#103251
950
#0A1F33

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

7.91:1

AA Pass AAA Pass

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