#5bb5c2 Color Tints and Shades

Copy lighter or darker colors based on #5bb5c2, a color in the sRGB color space that can also be expressed with rgb(91, 181, 194) or hsl(188, 46%, 56%) in CSS.

Relative distance from base color Hex code Lightness value
+14 #fff 100%
+13 #fcfefe 99%
+12 #f0f8f9 96%
+11 #e3f2f5 93%
+10 #d7edf0 89%
+9 #cae7eb 86%
+8 #bee2e7 83%
+7 #b2dce2 79%
+6 #a5d7de 76%
+5 #99d1d9 73%
+4 #8dcbd4 69%
+3 #80c6d0 66%
+2 #74c0cb 63%
+1 #67bbc7 59%
0 #5bb5c2 56%
-1 #4fafbd 53%
-2 #44a8b7 49%
-3 #3f9dab 46%
-4 #3b929e 43%
-5 #368692 39%
-6 #327b85 36%
-7 #2d6f79 33%
-8 #28646d 29%
-9 #245960 26%
-10 #1f4d54 23%
-11 #1b4248 19%
-12 #16363b 16%
-13 #112b2f 13%
-14 #0d2022 9%
-15 #081416 6%
-16 #04090a 3%
-17 #000 0%

Click to copy