#448c80 Color Tints and Shades

Copy lighter or darker colors based on #448c80, a color in the sRGB color space that can also be expressed with rgb(68, 140, 128) or hsl(170, 35%, 41%) in CSS.

Relative distance from base color Hex code Lightness value
+18 #fff 100%
+17 #f6fbfa 97%
+16 #ebf5f3 94%
+15 #dff0ed 91%
+14 #d4eae6 87%
+13 #c8e4e0 84%
+12 #bddfd9 81%
+11 #b1d9d3 77%
+10 #a6d4cc 74%
+9 #9bcec6 71%
+8 #8fc9bf 67%
+7 #84c3b9 64%
+6 #78beb2 61%
+5 #6db8ac 57%
+4 #61b2a5 54%
+3 #56ad9e 51%
+2 #4fa395 47%
+1 #4a978a 44%
0 #448c80 41%
-1 #3e8176 37%
-2 #39756b 34%
-3 #336a61 31%
-4 #2e5e56 27%
-5 #28534c 24%
-6 #234741 21%
-7 #1d3c37 17%
-8 #18312c 14%
-9 #122522 11%
-10 #0c1a17 7%
-11 #070e0d 4%
-12 #010303 1%
-13 #000 0%

Click to copy