#2040a2 Color Tints and Shades

Copy lighter or darker colors based on #2040a2, a color in the sRGB color space that can also be expressed with rgb(32, 64, 162) or hsl(225, 67%, 38%) in CSS.

Relative distance from base color Hex code Lightness value
+19 #fff 100%
+18 #f6f8fd 98%
+17 #e8edfa 95%
+16 #dae1f8 91%
+15 #ccd6f5 88%
+14 #becbf2 85%
+13 #afbfef 81%
+12 #a1b4ec 78%
+11 #93a8ea 75%
+10 #859de7 71%
+9 #7792e4 68%
+8 #6986e1 65%
+7 #5a7bde 61%
+6 #4c70dc 58%
+5 #3e64d9 55%
+4 #3059d6 51%
+3 #2851cd 48%
+2 #264bbe 45%
+1 #2346b0 41%
0 #2040a2 38%
-1 #1d3a94 35%
-2 #1a3586 31%
-3 #182f77 28%
-4 #152a69 25%
-5 #12245b 21%
-6 #0f1e4d 18%
-7 #0c193f 15%
-8 #0a1331 12%
-9 #070e22 8%
-10 #040814 5%
-11 #010206 1%
-12 #000 0%

Click to copy