#4ac2e3 Color Tints and Shades

Copy lighter or darker colors based on #4ac2e3, a color in the sRGB color space that can also be expressed with rgb(74, 194, 227) or hsl(193, 73%, 59%) in CSS.

Relative distance from base color Hex code Lightness value
+13 #fff 100%
+12 #fafdfe 99%
+11 #ecf9fc 96%
+10 #ddf4fa 92%
+9 #ceeff7 89%
+8 #c0eaf5 86%
+7 #b1e5f3 82%
+6 #a2e0f1 79%
+5 #94dbee 76%
+4 #85d6ec 72%
+3 #76d1ea 69%
+2 #67cce8 66%
+1 #59c7e5 62%
0 #4ac2e3 59%
-1 #3bbde1 56%
-2 #2db8de 52%
-3 #21b1d9 49%
-4 #1fa5ca 46%
-5 #1d99bb 42%
-6 #1b8dac 39%
-7 #18819e 36%
-8 #16758f 32%
-9 #146980 29%
-10 #125d72 26%
-11 #0f5163 22%
-12 #0d4554 19%
-13 #0b3945 16%
-14 #082d37 12%
-15 #062128 9%
-16 #041519 6%
-17 #02090b 3%
-18 #000 0%

Click to copy