#4e5569 Color Tints and Shades

Copy lighter or darker colors based on #4e5569, a color in the sRGB color space that can also be expressed with rgb(78, 85, 105) or hsl(224, 15%, 36%) in CSS.

Relative distance from base color Hex code Lightness value
+20 #fff 100%
+19 #fdfdfd 99%
+18 #f3f4f6 96%
+17 #e9eaef 93%
+16 #dfe1e7 89%
+15 #d6d8e0 86%
+14 #cccfd9 83%
+13 #c2c6d2 79%
+12 #b8bdca 76%
+11 #afb4c3 73%
+10 #a5abbc 69%
+9 #9ba2b5 66%
+8 #9199ae 63%
+7 #8890a6 59%
+6 #7e869f 56%
+5 #747d98 53%
+4 #6b7590 49%
+3 #646d86 46%
+2 #5c657c 42%
+1 #555d73 39%
0 #4e5569 36%
-1 #474d5f 33%
-2 #404556 29%
-3 #383d4c 26%
-4 #313542 23%
-5 #2a2e38 19%
-6 #23262f 16%
-7 #1b1e25 13%
-8 #14161b 9%
-9 #0d0e11 6%
-10 #060608 3%
-11 #000 0%

Click to copy