#318fb5 Color Tints and Shades

Copy lighter or darker colors based on #318fb5, a color in the sRGB color space that can also be expressed with rgb(49, 143, 181) or hsl(197, 57%, 45%) in CSS.

Relative distance from base color Hex code Lightness value
+17 #fff 100%
+16 #f8fcfd 98%
+15 #ebf5fa 95%
+14 #deeff6 92%
+13 #d0e9f2 88%
+12 #c3e2ef 85%
+11 #b6dceb 82%
+10 #a8d5e8 78%
+9 #9bcfe4 75%
+8 #8ec8e0 72%
+7 #80c2dd 68%
+6 #73bcd9 65%
+5 #65b5d5 62%
+4 #58afd2 58%
+3 #4ba8ce 55%
+2 #3da2cb 52%
+1 #359ac2 48%
0 #318fb5 45%
-1 #2d84a8 42%
-2 #2a7a9a 38%
-3 #266f8d 35%
-4 #236580 32%
-5 #1f5a72 28%
-6 #1b5065 25%
-7 #184557 22%
-8 #143b4a 18%
-9 #10303d 15%
-10 #0d252f 12%
-11 #091b22 8%
-12 #061015 5%
-13 #020607 2%
-14 #000 0%

Click to copy