#dcf5f0 Color Tints and Shades

Copy lighter or darker colors based on #dcf5f0, a color in the sRGB color space that can also be expressed with rgb(220, 245, 240) or hsl(168, 56%, 91%) in CSS.

Relative distance from base color Hex code Lightness value
+3 #fff 100%
+2 #f6fdfb 98%
+1 #e9f9f6 95%
0 #dcf5f0 91%
-1 #cff1ea 88%
-2 #c2ede5 85%
-3 #b4eadf 81%
-4 #a7e6d9 78%
-5 #9ae2d4 75%
-6 #8ddece 71%
-7 #80dbc8 68%
-8 #72d7c3 65%
-9 #65d3bd 61%
-10 #58cfb7 58%
-11 #4bcbb2 55%
-12 #3dc8ac 51%
-13 #36bea3 48%
-14 #32b197 45%
-15 #2fa48c 41%
-16 #2b9681 38%
-17 #278976 35%
-18 #237c6a 31%
-19 #206f5f 28%
-20 #1c6154 25%
-21 #185448 21%
-22 #14473d 18%
-23 #113a32 15%
-24 #0d2d26 11%
-25 #091f1b 8%
-26 #051210 5%
-27 #010504 1%
-28 #000 0%

Click to copy