#5BCEDC

#5BCEDC

Color Values

HEX

#5BCEDC

RGB

91, 206, 220

HSL

186.5, 64.8%, 61.0%

HSV

186.5, 58.6%, 86.3%

CMYK

58.6%, 6.4%, 0.0%, 13.7%

OKLCH

0.7908 0.105 206.2

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#5BCEDC

#DC695B

Analogous

#5BDCAA

#5B8EDC

#5BCEDC

Triadic

#5BCEDC

#DC5BCE

#CEDC5B

Split Complementary

#5BCEDC

#DC5B8E

#DCAA5B

Tetradic

#5BCEDC

#AA5BDC

#DC695B

#8EDC5B

Color Blindness Simulation

Original

#5BCEDC

Protanopia

#8D8ED9

Deuteranopia

#867ED8

Tritanopia

#61D6D5

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F3FBFC
100
#E3F5F7
200
#C4EDF2
300
#9AE1E9
400
#64D1DE
500
#2DC0D2
600
#249AA8
700
#1D7B86
800
#166069
900
#14474D
950
#0D2D30

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.31:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026