#baf2ca Color Tints and Shades

Copy lighter or darker colors based on #baf2ca, a color in the sRGB color space that can also be expressed with rgb(186, 242, 202) or hsl(137, 68%, 84%) in CSS.

Relative distance from base color Hex code Lightness value
+5 #fff 100%
+4 #f3fdf6 97%
+3 #e5faeb 94%
+2 #d7f7e0 91%
+1 #c8f5d5 87%
0 #baf2ca 84%
-1 #acefbf 81%
-2 #9dedb4 77%
-3 #8feaa9 74%
-4 #81e79e 71%
-5 #73e593 67%
-6 #64e288 64%
-7 #56df7d 61%
-8 #48dc72 57%
-9 #39da67 54%
-10 #2bd75c 51%
-11 #26cb55 47%
-12 #24bd4f 44%
-13 #21ae49 41%
-14 #1ea043 37%
-15 #1b923d 34%
-16 #198337 31%
-17 #167531 27%
-18 #13672b 24%
-19 #115925 21%
-20 #0e4a1f 17%
-21 #0b3c19 14%
-22 #092e13 11%
-23 #061f0d 7%
-24 #031107 4%
-25 #010301 1%
-26 #000 0%

Click to copy