#12baf5 Color Tints and Shades

Copy lighter or darker colors based on #12baf5, a color in the sRGB color space that can also be expressed with rgb(18, 186, 245) or hsl(196, 92%, 52%) in CSS.

Relative distance from base color Hex code Lightness value
+15 #fff 100%
+14 #f6fcff 98%
+13 #e6f8fe 95%
+12 #d6f3fd 92%
+11 #c5eefd 88%
+10 #b5e9fc 85%
+9 #a5e5fb 82%
+8 #94e0fb 78%
+7 #84dbfa 75%
+6 #74d6f9 72%
+5 #63d2f8 68%
+4 #53cdf8 65%
+3 #43c8f7 62%
+2 #33c3f6 58%
+1 #22bff6 55%
0 #12baf5 52%
-1 #0ab1ec 48%
-2 #09a5dc 45%
-3 #0999cb 42%
-4 #088dbb 38%
-5 #0780ab 35%
-6 #07749b 32%
-7 #06688a 28%
-8 #055c7a 25%
-9 #044f6a 22%
-10 #044359 18%
-11 #033749 15%
-12 #022b39 12%
-13 #021e29 8%
-14 #011218 5%
-15 #000608 2%
-16 #000 0%

Click to copy