#5BBCE6

#5BBCE6

Color Values

HEX

#5BBCE6

RGB

91, 188, 230

HSL

198.1, 73.5%, 62.9%

HSV

198.1, 60.4%, 90.2%

CMYK

60.4%, 18.3%, 0.0%, 9.8%

OKLCH

0.7532 0.109 229.1

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#5BBCE6

#E6855B

Analogous

#5BE6CA

#5B76E6

#5BBCE6

Triadic

#5BBCE6

#E65BBC

#BCE65B

Split Complementary

#5BBCE6

#E65B76

#E6CA5B

Tetradic

#5BBCE6

#CA5BE6

#E6855B

#76E65B

Color Blindness Simulation

Original

#5BBCE6

Protanopia

#8586DC

Deuteranopia

#7F78D9

Tritanopia

#60D4D2

Achromatopsia

#AAAAAA

CSS Usage

background-color: #5BBCE6;
color: #5BBCE6;
border-color: #5BBCE6;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F3F9FC
100
#E2F2F8
200
#C1E6F6
300
#95D4EF
400
#5BBCE6
500
#22A5DD
600
#1B84B1
700
#16698E
800
#11526F
900
#103D50
950
#0A2733

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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