#4a89ac Color Tints and Shades

Copy lighter or darker colors based on #4a89ac, a color in the sRGB color space that can also be expressed with rgb(74, 137, 172) or hsl(201, 40%, 48%) in CSS.

Relative distance from base color Hex code Lightness value
+16 #fff 100%
+15 #f9fbfc 98%
+14 #edf3f7 95%
+13 #e1ecf2 92%
+12 #d5e4ed 88%
+11 #c9dde8 85%
+10 #bdd5e3 82%
+9 #b1cede 78%
+8 #a5c6d8 75%
+7 #9abfd3 72%
+6 #8eb7ce 68%
+5 #82b0c9 65%
+4 #76a8c4 62%
+3 #6aa1bf 58%
+2 #5e99ba 55%
+1 #5292b5 52%
0 #4a89ac 48%
-1 #4580a0 45%
-2 #407694 42%
-3 #3b6d88 38%
-4 #36637d 35%
-5 #305a71 32%
-6 #2b5065 28%
-7 #264759 25%
-8 #213d4d 22%
-9 #1c3441 18%
-10 #172a35 15%
-11 #122129 12%
-12 #0d181e 8%
-13 #080e12 5%
-14 #020506 2%
-15 #000 0%

Click to copy