#5586c9 Color Tints and Shades

Copy lighter or darker colors based on #5586c9, a color in the sRGB color space that can also be expressed with rgb(85, 134, 201) or hsl(215, 52%, 56%) in CSS.

Relative distance from base color Hex code Lightness value
+14 #fff 100%
+13 #fdfdfe 99%
+12 #f0f4fa 96%
+11 #e3ebf6 93%
+10 #d6e2f2 89%
+9 #c9d9ee 86%
+8 #bccfea 83%
+7 #afc6e6 79%
+6 #a2bde2 76%
+5 #95b4dd 73%
+4 #89abd9 69%
+3 #7ca2d5 66%
+2 #6f98d1 63%
+1 #628fcd 59%
0 #5586c9 56%
-1 #487dc5 53%
-2 #3d74bf 49%
-3 #396cb2 46%
-4 #3564a5 43%
-5 #305c99 39%
-6 #2c558c 36%
-7 #284d7f 33%
-8 #244572 29%
-9 #203d65 26%
-10 #1c3558 23%
-11 #182e4b 19%
-12 #14263e 16%
-13 #101e31 13%
-14 #0c1625 10%
-15 #080e18 6%
-16 #03070b 3%
-17 #000 0%

Click to copy