#386ab1 Color Tints and Shades

Copy lighter or darker colors based on #386ab1, a color in the sRGB color space that can also be expressed with rgb(56, 106, 177) or hsl(215, 52%, 46%) in CSS.

Relative distance from base color Hex code Lightness value
+17 #fff 100%
+16 #fbfcfe 99%
+15 #eef3fa 96%
+14 #e1eaf6 92%
+13 #d4e0f1 89%
+12 #c7d7ed 85%
+11 #bacee9 82%
+10 #aec5e5 79%
+9 #a1bbe1 76%
+8 #94b2dd 72%
+7 #87a9d9 69%
+6 #7aa0d5 66%
+5 #6d96d1 62%
+4 #608dcd 59%
+3 #5384c9 56%
+2 #467bc5 52%
+1 #3c72be 49%
0 #386ab1 46%
-1 #3462a4 42%
-2 #305b97 39%
-3 #2c538a 36%
-4 #284b7d 32%
-5 #244370 29%
-6 #203c64 26%
-7 #1b3457 22%
-8 #172c4a 19%
-9 #13243d 16%
-10 #0f1d30 12%
-11 #0b1523 9%
-12 #070d16 6%
-13 #030609 2%
-14 #000 0%

Click to copy