#4ca9d6 Color Tints and Shades

Copy lighter or darker colors based on #4ca9d6, a color in the sRGB color space that can also be expressed with rgb(76, 169, 214) or hsl(200, 63%, 57%) in CSS.

Relative distance from base color Hex code Lightness value
+13 #fff 100%
+12 #f2f9fc 97%
+11 #e4f2f9 94%
+10 #d6ebf6 90%
+9 #c8e5f2 87%
+8 #bbdeef 84%
+7 #add7ec 80%
+6 #9fd1e9 77%
+5 #91cae6 74%
+4 #83c4e3 70%
+3 #75bddf 67%
+2 #68b6dc 64%
+1 #5ab0d9 60%
0 #4ca9d6 57%
-1 #3ea2d3 54%
-2 #309cd0 50%
-3 #2d92c3 47%
-4 #2987b5 44%
-5 #267da7 40%
-6 #237399 37%
-7 #20688b 34%
-8 #1d5e7d 30%
-9 #1a5470 27%
-10 #164962 24%
-11 #133f54 20%
-12 #103546 17%
-13 #0d2a38 14%
-14 #0a202b 10%
-15 #07151d 7%
-16 #030b0f 4%
-17 #000101 0%
-18 #000 0%

Click to copy