#7be2dd Color Tints and Shades

Copy lighter or darker colors based on #7be2dd, a color in the sRGB color space that can also be expressed with rgb(123, 226, 221) or hsl(177, 64%, 68%) in CSS.

Relative distance from base color Hex code Lightness value
+10 #fff 100%
+9 #f8fefd 98%
+8 #eafafa 95%
+7 #dcf7f6 92%
+6 #cff4f3 88%
+5 #c1f1ef 85%
+4 #b3eeeb 82%
+3 #a5ebe8 78%
+2 #97e8e4 75%
+1 #89e5e1 72%
0 #7be2dd 68%
-1 #6ddfd9 65%
-2 #5fdcd6 62%
-3 #51d9d2 58%
-4 #43d6cf 55%
-5 #35d3cb 52%
-6 #2dcbc3 49%
-7 #29bdb6 45%
-8 #26afa8 42%
-9 #23a19b 38%
-10 #20938d 35%
-11 #1d8580 32%
-12 #1a7773 28%
-13 #176965 25%
-14 #145b58 22%
-15 #114d4a 18%
-16 #0e3f3d 15%
-17 #0b3130 12%
-18 #082422 9%
-19 #051615 5%
-20 #020807 2%
-21 #000 0%

Click to copy