#18afd5 Color Tints and Shades

Copy lighter or darker colors based on #18afd5, a color in the sRGB color space that can also be expressed with rgb(24, 175, 213) or hsl(192, 80%, 46%) in CSS.

Relative distance from base color Hex code Lightness value
+17 #fff 100%
+16 #feffff 100%
+15 #effafd 96%
+14 #dff6fb 93%
+13 #d0f1fa 90%
+12 #c1edf8 86%
+11 #b2e8f6 83%
+10 #a2e4f5 80%
+9 #93e0f3 76%
+8 #84dbf1 73%
+7 #74d7ef 70%
+6 #65d2ee 66%
+5 #56ceec 63%
+4 #47c9ea 60%
+3 #37c5e9 56%
+2 #28c0e7 53%
+1 #1abce4 50%
0 #18afd5 46%
-1 #16a2c6 43%
-2 #1596b6 40%
-3 #1389a7 36%
-4 #117d98 33%
-5 #0f7089 30%
-6 #0e6479 26%
-7 #0c576a 23%
-8 #0a4b5b 20%
-9 #093e4c 17%
-10 #07323c 13%
-11 #05252d 10%
-12 #03191e 6%
-13 #020c0f 3%
-14 #000 0%

Click to copy