#348a60 Color Tints and Shades

Copy lighter or darker colors based on #348a60, a color in the sRGB color space that can also be expressed with rgb(52, 138, 96) or hsl(151, 45%, 37%) in CSS.

Relative distance from base color Hex code Lightness value
+19 #fff 100%
+18 #f5fbf8 97%
+17 #e8f6f0 94%
+16 #dcf2e7 91%
+15 #d0eddf 87%
+14 #c3e8d6 84%
+13 #b7e4ce 81%
+12 #abdfc6 77%
+11 #9edbbd 74%
+10 #92d6b5 71%
+9 #86d1ac 67%
+8 #79cda4 64%
+7 #6dc89b 61%
+6 #61c393 57%
+5 #54bf8b 54%
+4 #48ba82 51%
+3 #42af7a 47%
+2 #3da371 44%
+1 #399669 41%
0 #348a60 37%
-1 #2f7e57 34%
-2 #2b714f 31%
-3 #266546 27%
-4 #21593e 24%
-5 #1d4c35 21%
-6 #18402d 17%
-7 #133424 14%
-8 #0f271b 11%
-9 #0a1b13 7%
-10 #060f0a 4%
-11 #010202 1%
-12 #000 0%

Click to copy