#bef4f0 Color Tints and Shades

Copy lighter or darker colors based on #bef4f0, a color in the sRGB color space that can also be expressed with rgb(190, 244, 240) or hsl(176, 71%, 85%) in CSS.

Relative distance from base color Hex code Lightness value
+5 #fff 100%
+4 #f8fefd 98%
+3 #eafbfa 95%
+2 #dbf9f7 92%
+1 #cdf6f3 88%
0 #bef4f0 85%
-1 #aff2ed 82%
-2 #a1efe9 78%
-3 #92ede6 75%
-4 #84eae3 72%
-5 #75e8df 68%
-6 #67e5dc 65%
-7 #58e3d9 62%
-8 #4ae0d5 58%
-9 #3bded2 55%
-10 #2ddbce 52%
-11 #24d3c6 48%
-12 #21c5b9 45%
-13 #1fb6ab 42%
-14 #1ca89e 38%
-15 #1a9990 35%
-16 #178b82 32%
-17 #157c75 28%
-18 #136e67 25%
-19 #105f59 22%
-20 #0e514c 19%
-21 #0b423e 15%
-22 #093430 12%
-23 #062523 8%
-24 #041715 5%
-25 #010808 2%
-26 #000 0%

Click to copy