#5972da Color Tints and Shades

Copy lighter or darker colors based on #5972da, a color in the sRGB color space that can also be expressed with rgb(89, 114, 218) or hsl(228, 64%, 60%) in CSS.

Relative distance from base color Hex code Lightness value
+12 #fff 100%
+11 #f2f4fc 97%
+10 #e4e8f9 94%
+9 #d6dcf6 90%
+8 #c8d0f3 87%
+7 #bac5f0 84%
+6 #acb9ed 80%
+5 #9eade9 77%
+4 #91a1e6 74%
+3 #8395e3 70%
+2 #758ae0 67%
+1 #677edd 64%
0 #5972da 60%
-1 #4b66d7 57%
-2 #3d5ad4 54%
-3 #2f4fd1 50%
-4 #2c49c3 47%
-5 #2844b6 44%
-6 #253fa8 40%
-7 #22399a 37%
-8 #1f348c 34%
-9 #1c2f7e 30%
-10 #192a70 27%
-11 #162562 24%
-12 #132054 20%
-13 #101a47 17%
-14 #0d1539 14%
-15 #0a102b 10%
-16 #060b1d 7%
-17 #03060f 4%
-18 #000001 0%
-19 #000 0%

Click to copy