#5BCCE7

#5BCCE7

Color Values

HEX

#5BCCE7

RGB

91, 204, 231

HSL

191.6, 74.5%, 63.1%

HSV

191.6, 60.6%, 90.6%

CMYK

60.6%, 11.7%, 0.0%, 9.4%

OKLCH

0.7903 0.1085 216.0

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#5BCCE7

#E7765B

Analogous

#5BE7BC

#5B86E7

#5BCCE7

Triadic

#5BCCE7

#E75BCC

#CCE75B

Split Complementary

#5BCCE7

#E75B86

#E7BC5B

Tetradic

#5BCCE7

#BC5BE7

#E7765B

#86E75B

Color Blindness Simulation

Original

#5BCCE7

Protanopia

#8C8DE0

Deuteranopia

#857DDF

Tritanopia

#61DBDA

Achromatopsia

#B6B6B6

CSS Usage

background-color: #5BCCE7;
color: #5BCCE7;
border-color: #5BCCE7;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FAFC
100
#E2F4F8
200
#C1ECF6
300
#94DEEF
400
#5ACCE7
500
#21BADE
600
#1A95B2
700
#15778E
800
#105D6F
900
#104451
950
#0A2B33

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.24:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026