#3a4678 Color Tints and Shades

Copy lighter or darker colors based on #3a4678, a color in the sRGB color space that can also be expressed with rgb(58, 70, 120) or hsl(228, 35%, 35%) in CSS.

Relative distance from base color Hex code Lightness value
+20 #fff 100%
+19 #f9f9fc 98%
+18 #edeff6 95%
+17 #e2e5f1 92%
+16 #d6daeb 88%
+15 #cbd0e6 85%
+14 #bfc6e0 81%
+13 #b4bcdb 78%
+12 #a9b1d5 75%
+11 #9da7d0 72%
+10 #929dca 68%
+9 #8692c5 65%
+8 #7b88bf 62%
+7 #6f7eba 58%
+6 #6473b4 55%
+5 #5869ae 51%
+4 #5061a6 48%
+3 #4b5a9a 45%
+2 #45538f 42%
+1 #404d83 38%
0 #3a4678 35%
-1 #343f6d 32%
-2 #2f3961 28%
-3 #293256 25%
-4 #242b4a 22%
-5 #1e253f 18%
-6 #191e33 15%
-7 #131728 12%
-8 #0e111c 8%
-9 #080a11 5%
-10 #030306 2%
-11 #000 0%

Click to copy