#395efa Color Tints and Shades

Copy lighter or darker colors based on #395efa, a color in the sRGB color space that can also be expressed with rgb(57, 94, 250) or hsl(228, 95%, 60%) in CSS.

Relative distance from base color Hex code Lightness value
+12 #fff 100%
+11 #eff2ff 97%
+10 #dfe5fe 94%
+9 #ced7fe 90%
+8 #becafd 87%
+7 #adbcfd 84%
+6 #9caffd 80%
+5 #8ca1fc 77%
+4 #7b94fc 74%
+3 #6b86fb 70%
+2 #5a79fb 67%
+1 #4a6bfa 64%
0 #395efa 60%
-1 #2851fa 57%
-2 #1843f9 54%
-3 #0736f9 50%
-4 #0631e9 47%
-5 #052ed9 44%
-6 #052ac8 40%
-7 #0527b7 37%
-8 #0423a7 34%
-9 #042096 30%
-10 #031c86 27%
-11 #031975 24%
-12 #031565 20%
-13 #021254 17%
-14 #020e44 14%
-15 #010b33 10%
-16 #010722 7%
-17 #000412 4%
-18 #000001 0%
-19 #000 0%

Click to copy