#475ff4 Color Tints and Shades

Copy lighter or darker colors based on #475ff4, a color in the sRGB color space that can also be expressed with rgb(71, 95, 244) or hsl(232, 89%, 62%) in CSS.

Relative distance from base color Hex code Lightness value
+12 #fff 100%
+11 #f7f8ff 98%
+10 #e7eafe 95%
+9 #d7dcfd 92%
+8 #c7cefc 88%
+7 #b7c1fb 85%
+6 #a7b3fa 82%
+5 #97a5f9 78%
+4 #8797f8 75%
+3 #7789f7 72%
+2 #677bf6 68%
+1 #576df5 65%
0 #475ff4 62%
-1 #3751f3 58%
-2 #2743f2 55%
-3 #1735f1 52%
-4 #0e2ce9 48%
-5 #0d29d9 45%
-6 #0c26c9 42%
-7 #0b23b9 38%
-8 #0a20a9 35%
-9 #091d99 32%
-10 #081a89 28%
-11 #071779 25%
-12 #061469 22%
-13 #051159 18%
-14 #040e49 15%
-15 #030b39 12%
-16 #020829 8%
-17 #010519 5%
-18 #010209 2%
-19 #000 0%

Click to copy