#4a85d1 Color Tints and Shades

Copy lighter or darker colors based on #4a85d1, a color in the sRGB color space that can also be expressed with rgb(74, 133, 209) or hsl(214, 59%, 55%) in CSS.

Relative distance from base color Hex code Lightness value
+14 #fff 100%
+13 #fafcfe 99%
+12 #ecf3fa 95%
+11 #dfe9f7 92%
+10 #d1e0f3 89%
+9 #c4d7f0 85%
+8 #b6ceed 82%
+7 #a9c5e9 79%
+6 #9bbce6 75%
+5 #8eb3e2 72%
+4 #80aadf 69%
+3 #73a0db 65%
+2 #6597d8 62%
+1 #588ed4 59%
0 #4a85d1 55%
-1 #3c7cce 52%
-2 #3273c7 49%
-3 #2f6bb9 45%
-4 #2c63ab 42%
-5 #285c9e 39%
-6 #255490 35%
-7 #214c83 32%
-8 #1e4475 29%
-9 #1a3c68 25%
-10 #17345a 22%
-11 #132c4d 19%
-12 #10253f 15%
-13 #0d1d32 12%
-14 #091524 9%
-15 #060d17 6%
-16 #020509 2%
-17 #000 0%

Click to copy