#4050ea Color Tints and Shades

Copy lighter or darker colors based on #4050ea, a color in the sRGB color space that can also be expressed with rgb(64, 80, 234) or hsl(234, 80%, 58%) in CSS.

Relative distance from base color Hex code Lightness value
+13 #fff 100%
+12 #f8f8fe 98%
+11 #e8eafd 95%
+10 #d9dcfb 92%
+9 #cacef9 88%
+8 #bac0f7 85%
+7 #abb2f6 82%
+6 #9ca4f4 78%
+5 #8d96f2 75%
+4 #7d88f1 72%
+3 #6e7aef 68%
+2 #5f6ced 65%
+1 #4f5eec 62%
0 #4050ea 58%
-1 #3142e8 55%
-2 #2134e7 52%
-3 #182bdf 48%
-4 #1728cf 45%
-5 #1525c0 42%
-6 #1322b1 38%
-7 #121fa1 35%
-8 #101c92 32%
-9 #0e1983 28%
-10 #0d1673 25%
-11 #0b1364 22%
-12 #091055 18%
-13 #080d46 15%
-14 #060b36 12%
-15 #040827 8%
-16 #030518 5%
-17 #010208 2%
-18 #000 0%

Click to copy