#5BAFE6

#5BAFE6

Color Values

HEX

#5BAFE6

RGB

91, 175, 230

HSL

203.7, 73.5%, 62.9%

HSV

203.7, 60.4%, 90.2%

CMYK

60.4%, 23.9%, 0.0%, 9.8%

OKLCH

0.7238 0.1145 239.7

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#5BAFE6

#E6925B

Analogous

#5BE6D7

#5B69E6

#5BAFE6

Triadic

#5BAFE6

#E65BAF

#AFE65B

Split Complementary

#5BAFE6

#E65B69

#E6D75B

Tetradic

#5BAFE6

#D75BE6

#E6925B

#69E65B

Color Blindness Simulation

Original

#5BAFE6

Protanopia

#7F80D9

Deuteranopia

#7A74D6

Tritanopia

#5FCECC

Achromatopsia

#A1A1A1

CSS Usage

background-color: #5BAFE6;
color: #5BAFE6;
border-color: #5BAFE6;
Nearest Tailwind: Sky 400 #38BDF8

Tailwind Shades

50
#F3F8FC
100
#E2EFF8
200
#C1E1F6
300
#95CBEF
400
#5BAFE6
500
#2293DD
600
#1B76B1
700
#165E8E
800
#114A6F
900
#103750
950
#0A2333

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

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