#18a6a9 Color Tints and Shades

Copy lighter or darker colors based on #18a6a9, a color in the sRGB color space that can also be expressed with rgb(24, 166, 169) or hsl(181, 75%, 38%) in CSS.

Relative distance from base color Hex code Lightness value
+19 #fff 100%
+18 #f5fdfe 98%
+17 #e6fbfb 94%
+16 #d7f9f9 91%
+15 #c8f6f7 88%
+14 #baf4f5 85%
+13 #abf2f3 81%
+12 #9ceff1 78%
+11 #8dedef 75%
+10 #7eeaed 71%
+9 #6fe8eb 68%
+8 #60e6e8 64%
+7 #52e3e6 61%
+6 #43e1e4 58%
+5 #34dfe2 55%
+4 #25dce0 51%
+3 #1ed2d6 48%
+2 #1cc3c7 45%
+1 #1ab5b8 41%
0 #18a6a9 38%
-1 #16979a 35%
-2 #14898b 31%
-3 #127a7c 28%
-4 #106c6e 25%
-5 #0d5d5f 21%
-6 #0b4e50 18%
-7 #094041 15%
-8 #073132 11%
-9 #052323 8%
-10 #031414 5%
-11 #010505 1%
-12 #000 0%

Click to copy