#1f458d Color Tints and Shades

Copy lighter or darker colors based on #1f458d, a color in the sRGB color space that can also be expressed with rgb(31, 69, 141) or hsl(219, 64%, 34%) in CSS.

Relative distance from base color Hex code Lightness value
+20 #fff 100%
+19 #f2f6fc 97%
+18 #e5ecf9 94%
+17 #d7e1f6 90%
+16 #c9d7f3 87%
+15 #bbcdf0 84%
+14 #adc3ed 80%
+13 #9fb9ea 77%
+12 #91afe7 74%
+11 #83a4e4 70%
+10 #759ae1 67%
+9 #6790de 64%
+8 #5986db 60%
+7 #4b7cd8 57%
+6 #3d72d4 54%
+5 #3067d1 50%
+4 #2b60c5 47%
+3 #2859b7 44%
+2 #2553a9 40%
+1 #224c9b 37%
0 #1f458d 34%
-1 #1c3e7f 30%
-2 #193771 27%
-3 #163163 24%
-4 #132a55 20%
-5 #102347 17%
-6 #0d1c39 14%
-7 #0a152c 11%
-8 #070e1e 7%
-9 #030810 4%
-10 #000102 0%
-11 #000 0%

Click to copy