#5178ce Color Tints and Shades

Copy lighter or darker colors based on #5178ce, a color in the sRGB color space that can also be expressed with rgb(81, 120, 206) or hsl(221, 56%, 56%) in CSS.

Relative distance from base color Hex code Lightness value
+14 #fff 100%
+13 #fdfeff 100%
+12 #f0f3fb 96%
+11 #e3e9f7 93%
+10 #d6dff3 90%
+9 #c8d5f0 86%
+8 #bbcaec 83%
+7 #aec0e8 80%
+6 #a1b6e4 76%
+5 #93abe1 73%
+4 #86a1dd 70%
+3 #7997d9 66%
+2 #6c8dd5 63%
+1 #5e82d2 60%
0 #5178ce 56%
-1 #446eca 53%
-2 #3864c5 50%
-3 #345db8 46%
-4 #3056ab 43%
-5 #2c509e 40%
-6 #294990 36%
-7 #254283 33%
-8 #213c76 30%
-9 #1d3569 26%
-10 #1a2e5b 23%
-11 #16284e 20%
-12 #122141 16%
-13 #0f1a34 13%
-14 #0b1326 10%
-15 #070d19 6%
-16 #03060c 3%
-17 #000 0%

Click to copy