#5770e0 Color Tints and Shades

Copy lighter or darker colors based on #5770e0, a color in the sRGB color space that can also be expressed with rgb(87, 112, 224) or hsl(229, 69%, 61%) in CSS.

Relative distance from base color Hex code Lightness value
+12 #fff 100%
+11 #f5f6fd 98%
+10 #e6eafa 94%
+9 #d8def8 91%
+8 #cad2f5 88%
+7 #bbc5f3 84%
+6 #adb9f0 81%
+5 #9faded 78%
+4 #90a1eb 74%
+3 #8295e8 71%
+2 #7488e5 68%
+1 #657ce3 64%
0 #5770e0 61%
-1 #4964dd 58%
-2 #3a58db 54%
-3 #2c4bd8 51%
-4 #2644cd 48%
-5 #2340bf 44%
-6 #213bb1 41%
-7 #1e36a2 38%
-8 #1b3194 34%
-9 #192d86 31%
-10 #162877 28%
-11 #132369 24%
-12 #111e5b 21%
-13 #0e194c 18%
-14 #0b153e 14%
-15 #09102f 11%
-16 #060b21 8%
-17 #030613 4%
-18 #010104 1%
-19 #000 0%

Click to copy