#31a040 Color Tints and Shades

Copy lighter or darker colors based on #31a040, a color in the sRGB color space that can also be expressed with rgb(49, 160, 64) or hsl(128, 53%, 41%) in CSS.

Relative distance from base color Hex code Lightness value
+18 #fff 100%
+17 #f6fcf6 98%
+16 #e9f8eb 94%
+15 #dcf4df 91%
+14 #cff0d3 88%
+13 #c2ecc7 84%
+12 #b5e8bc 81%
+11 #a8e4b0 78%
+10 #9be0a4 74%
+9 #8edc98 71%
+8 #81d88c 68%
+7 #74d481 64%
+6 #67d075 61%
+5 #5acc69 58%
+4 #4dc85d 54%
+3 #40c452 51%
+2 #39ba4a 48%
+1 #35ad45 44%
0 #31a040 41%
-1 #2d933b 38%
-2 #298636 34%
-3 #257930 31%
-4 #216c2b 28%
-5 #1d5f26 24%
-6 #195221 21%
-7 #15451c 18%
-8 #113816 14%
-9 #0d2b11 11%
-10 #091e0c 8%
-11 #051107 4%
-12 #010402 1%
-13 #000 0%

Click to copy