#40a5fd Color Tints and Shades

Copy lighter or darker colors based on #40a5fd, a color in the sRGB color space that can also be expressed with rgb(64, 165, 253) or hsl(208, 98%, 62%) in CSS.

Relative distance from base color Hex code Lightness value
+12 #fff 100%
+11 #f9fcff 99%
+10 #e8f4ff 95%
+9 #d7ecff 92%
+8 #c6e4fe 89%
+7 #b6dcfe 85%
+6 #a5d5fe 82%
+5 #94cdfe 79%
+4 #83c5fe 75%
+3 #72bdfe 72%
+2 #62b5fd 69%
+1 #51adfd 65%
0 #40a5fd 62%
-1 #2f9dfd 59%
-2 #1e95fd 55%
-3 #0e8dfc 52%
-4 #0385f6 49%
-5 #027ce6 45%
-6 #0273d5 42%
-7 #026ac4 39%
-8 #0261b3 35%
-9 #0258a2 32%
-10 #024f92 29%
-11 #014581 25%
-12 #013c70 22%
-13 #01335f 19%
-14 #012a4e 15%
-15 #01213e 12%
-16 #00182d 9%
-17 #000f1c 5%
-18 #00060b 2%
-19 #000 0%

Click to copy