#307c6c Color Tints and Shades

Copy lighter or darker colors based on #307c6c, a color in the sRGB color space that can also be expressed with rgb(48, 124, 108) or hsl(167, 44%, 34%) in CSS.

Relative distance from base color Hex code Lightness value
+20 #fff 100%
+19 #f4fbf9 97%
+18 #e8f6f3 94%
+17 #dbf1ed 90%
+16 #cfede6 87%
+15 #c3e8e0 84%
+14 #b7e3da 80%
+13 #aaded3 77%
+12 #9edacd 74%
+11 #92d5c7 70%
+10 #86d0c0 67%
+9 #7acbba 64%
+8 #6dc7b4 60%
+7 #61c2ad 57%
+6 #55bda7 54%
+5 #49b8a1 50%
+4 #43ad97 47%
+3 #3ea18c 44%
+2 #399481 40%
+1 #358877 37%
0 #307c6c 34%
-1 #2b7061 30%
-2 #276457 27%
-3 #22574c 24%
-4 #1d4b41 20%
-5 #183f37 17%
-6 #14332c 14%
-7 #0f2621 10%
-8 #0a1a17 7%
-9 #050e0c 4%
-10 #010201 1%
-11 #000 0%

Click to copy