#1a5ae3 Color Tints and Shades

Copy lighter or darker colors based on #1a5ae3, a color in the sRGB color space that can also be expressed with rgb(26, 90, 227) or hsl(221, 79%, 50%) in CSS.

Relative distance from base color Hex code Lightness value
+16 #fff 100%
+15 #fdfeff 100%
+14 #eef3fd 96%
+13 #dfe8fb 93%
+12 #cfddfa 90%
+11 #c0d2f8 86%
+10 #b1c7f6 83%
+9 #a2bcf4 80%
+8 #92b1f3 76%
+7 #83a6f1 73%
+6 #749bef 70%
+5 #6590ed 66%
+4 #5585ec 63%
+3 #467aea 60%
+2 #376fe8 56%
+1 #2864e6 53%
0 #1a5ae3 50%
-1 #1854d4 46%
-2 #174ec5 43%
-3 #1548b5 40%
-4 #1342a6 36%
-5 #113c97 33%
-6 #103688 30%
-7 #0e3078 26%
-8 #0c2a69 23%
-9 #0a245a 20%
-10 #091e4b 16%
-11 #07183b 13%
-12 #05122c 10%
-13 #030b1d 6%
-14 #02050e 3%
-15 #000 0%

Click to copy