#86ace0 Color Tints and Shades

Copy lighter or darker colors based on #86ace0, a color in the sRGB color space that can also be expressed with rgb(134, 172, 224) or hsl(215, 59%, 70%) in CSS.

Relative distance from base color Hex code Lightness value
+9 #fff 100%
+8 #f2f6fc 97%
+7 #e5edf8 94%
+6 #d7e4f5 90%
+5 #cadaf1 87%
+4 #bcd1ee 84%
+3 #afc8ea 80%
+2 #a1bfe7 77%
+1 #94b5e3 74%
0 #86ace0 70%
-1 #78a3dd 67%
-2 #6b99d9 64%
-3 #5d90d6 60%
-4 #5087d2 57%
-5 #427ecf 54%
-6 #3574cb 50%
-7 #316dbe 47%
-8 #2d65b1 44%
-9 #2a5da3 40%
-10 #265596 37%
-11 #234e88 34%
-12 #1f467b 30%
-13 #1c3e6d 27%
-14 #193760 24%
-15 #152f52 20%
-16 #122745 17%
-17 #0e1f37 14%
-18 #0b182a 10%
-19 #07101c 7%
-20 #04080f 4%
-21 #000101 0%
-22 #000 0%

Click to copy