#536c95 Color Tints and Shades

Copy lighter or darker colors based on #536c95, a color in the sRGB color space that can also be expressed with rgb(83, 108, 149) or hsl(217, 28%, 45%) in CSS.

Relative distance from base color Hex code Lightness value
+17 #fff 100%
+16 #fbfcfd 99%
+15 #f0f3f7 95%
+14 #e5e9f1 92%
+13 #dae0eb 89%
+12 #cfd7e4 85%
+11 #c4cede 82%
+10 #bac5d8 79%
+9 #afbcd2 75%
+8 #a4b3cc 72%
+7 #99aac6 69%
+6 #8ea1c0 65%
+5 #8398ba 62%
+4 #788fb4 59%
+3 #6d86ae 55%
+2 #627da8 52%
+1 #5974a0 49%
0 #536c95 45%
-1 #4d648a 42%
-2 #475c7f 39%
-3 #415474 35%
-4 #3b4c69 32%
-5 #35445e 29%
-6 #2f3d54 26%
-7 #283549 22%
-8 #222d3e 19%
-9 #1c2533 15%
-10 #161d28 12%
-11 #10151d 9%
-12 #0a0d12 5%
-13 #040507 2%
-14 #000 0%

Click to copy