#533fa5 Color Tints and Shades

Copy lighter or darker colors based on #533fa5, a color in the sRGB color space that can also be expressed with rgb(83, 63, 165) or hsl(252, 45%, 45%) in CSS.

Relative distance from base color Hex code Lightness value
+17 #fff 100%
+16 #f8f8fc 98%
+15 #eeebf7 95%
+14 #e3dff3 91%
+13 #d8d3ee 88%
+12 #cdc6e9 85%
+11 #c2bae5 81%
+10 #b8aee0 78%
+9 #ada2db 75%
+8 #a295d7 71%
+7 #9789d2 68%
+6 #8c7dcd 65%
+5 #8270c9 61%
+4 #7764c4 58%
+3 #6c58bf 55%
+2 #614cba 51%
+1 #5944b1 48%
0 #533fa5 45%
-1 #4d3a99 41%
-2 #47368c 38%
-3 #403180 35%
-4 #3a2c74 31%
-5 #342868 28%
-6 #2e235b 25%
-7 #281e4f 21%
-8 #221943 18%
-9 #1b1536 15%
-10 #15102a 11%
-11 #0f0b1e 8%
-12 #090712 5%
-13 #030205 1%
-14 #000 0%

Click to copy