#778ea2 Color Tints and Shades

Copy lighter or darker colors based on #778ea2, a color in the sRGB color space that can also be expressed with rgb(119, 142, 162) or hsl(208, 19%, 55%) in CSS.

Relative distance from base color Hex code Lightness value
+14 #fff 100%
+13 #fafbfc 98%
+12 #f0f3f5 95%
+11 #e6eaee 92%
+10 #dce2e7 88%
+9 #d2d9e0 85%
+8 #c8d1d9 82%
+7 #bec9d2 78%
+6 #b4c0cb 75%
+5 #a9b8c4 72%
+4 #9fb0be 68%
+3 #95a7b7 65%
+2 #8b9fb0 62%
+1 #8196a9 58%
0 #778ea2 55%
-1 #6d869b 52%
-2 #647d93 48%
-3 #5d7589 45%
-4 #576c7f 42%
-5 #506374 38%
-6 #495b6a 35%
-7 #425260 32%
-8 #3b4a56 28%
-9 #34414c 25%
-10 #2d3842 22%
-11 #263038 18%
-12 #1f272e 15%
-13 #181f24 12%
-14 #12161a 9%
-15 #0b0d10 5%
-16 #040506 2%
-17 #000 0%

Click to copy