#312e50 Color Tints and Shades

Copy lighter or darker colors based on #312e50, a color in the sRGB color space that can also be expressed with rgb(49, 46, 80) or hsl(245, 27%, 25%) in CSS.

Relative distance from base color Hex code Lightness value
+23 #fff 100%
+22 #f9f8fb 98%
+21 #eeeef5 95%
+20 #e4e3ef 91%
+19 #dad8e9 88%
+18 #cfcde2 85%
+17 #c5c2dc 81%
+16 #bab8d6 78%
+15 #b0add0 75%
+14 #a6a2ca 71%
+13 #9b97c3 68%
+12 #918dbd 65%
+11 #8682b7 61%
+10 #7c77b1 58%
+9 #726cab 55%
+8 #6761a4 51%
+7 #5f599b 48%
+6 #595391 45%
+5 #524d86 41%
+4 #4b477b 38%
+3 #454170 35%
+2 #3e3a66 31%
+1 #38345b 28%
0 #312e50 25%
-1 #2a2845 21%
-2 #24223a 18%
-3 #1d1b30 15%
-4 #171525 11%
-5 #100f1a 8%
-6 #09090f 5%
-7 #030305 2%
-8 #000 0%

Click to copy