#4aaf88 Color Tints and Shades

Copy lighter or darker colors based on #4aaf88, a color in the sRGB color space that can also be expressed with rgb(74, 175, 136) or hsl(157, 41%, 49%) in CSS.

Relative distance from base color Hex code Lightness value
+16 #fff 100%
+15 #fbfdfc 99%
+14 #eff8f4 95%
+13 #e3f3ed 92%
+12 #d7eee5 89%
+11 #cbe9dd 85%
+10 #bfe4d6 82%
+9 #b3dfce 79%
+8 #a7dac6 75%
+7 #9bd5bf 72%
+6 #8fd0b7 69%
+5 #83cbaf 65%
+4 #77c6a7 62%
+3 #6bc1a0 59%
+2 #5fbc98 55%
+1 #54b690 52%
0 #4aaf88 49%
-1 #45a37f 45%
-2 #409775 42%
-3 #3b8b6c 39%
-4 #367f63 35%
-5 #31735a 32%
-6 #2c6750 29%
-7 #275b47 25%
-8 #22503e 22%
-9 #1d4435 19%
-10 #18382b 16%
-11 #122c22 12%
-12 #0d2019 9%
-13 #08140f 5%
-14 #030806 2%
-15 #000 0%

Click to copy