#566eb8 Color Tints and Shades

Copy lighter or darker colors based on #566eb8, a color in the sRGB color space that can also be expressed with rgb(86, 110, 184) or hsl(225, 41%, 53%) in CSS.

Relative distance from base color Hex code Lightness value
+15 #fff 100%
+14 #fdfefe 99%
+13 #f1f3f9 96%
+12 #e6e9f4 93%
+11 #dadfef 90%
+10 #ced5ea 86%
+9 #c2cae5 83%
+8 #b6c0e0 80%
+7 #aab6db 76%
+6 #9eacd6 73%
+5 #92a1d1 70%
+4 #8697cc 66%
+3 #7a8dc7 63%
+2 #6e83c2 60%
+1 #6278bd 56%
0 #566eb8 53%
-1 #4b64b2 50%
-2 #465da6 46%
-3 #41579a 43%
-4 #3c508e 40%
-5 #374982 36%
-6 #324376 33%
-7 #2d3c6a 30%
-8 #28355e 26%
-9 #232e52 23%
-10 #1e2847 20%
-11 #19213b 16%
-12 #141a2f 13%
-13 #0f1323 10%
-14 #0a0d17 6%
-15 #05060b 3%
-16 #000 0%

Click to copy