#5BC0D2

#5BC0D2

Color Values

HEX

#5BC0D2

RGB

91, 192, 210

HSL

189.1, 56.9%, 59.0%

HSV

189.1, 56.7%, 82.4%

CMYK

56.7%, 8.6%, 0.0%, 17.6%

OKLCH

0.7545 0.097 210.8

Properties

Cool Light Nearest: NCS S 0530-B40G Aqua

Color Harmonies

Complementary

#5BC0D2

#D26D5B

Analogous

#5BD2A8

#5B84D2

#5BC0D2

Triadic

#5BC0D2

#D25BC0

#C0D25B

Split Complementary

#5BC0D2

#D25B84

#D2A85B

Tetradic

#5BC0D2

#A85BD2

#D26D5B

#84D25B

Color Blindness Simulation

Original

#5BC0D2

Protanopia

#8788CE

Deuteranopia

#8179CD

Tritanopia

#60CAC9

Achromatopsia

#ACACAC

CSS Usage

background-color: #5BC0D2;
color: #5BC0D2;
border-color: #5BC0D2;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E5F3F6
200
#C7E9F0
300
#9FDAE5
400
#6BC6D6
500
#37B2C8
600
#2C8EA0
700
#237280
800
#1B5964
900
#184249
950
#0F2A2E

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.92:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026