#34a8e2 Color Tints and Shades

Copy lighter or darker colors based on #34a8e2, a color in the sRGB color space that can also be expressed with rgb(52, 168, 226) or hsl(200, 75%, 55%) in CSS.

Relative distance from base color Hex code Lightness value
+14 #fff 100%
+13 #f5fbfe 98%
+12 #e6f4fb 94%
+11 #d7eef9 91%
+10 #c9e8f7 88%
+9 #bae1f5 85%
+8 #abdbf3 81%
+7 #9cd5f1 78%
+6 #8dceef 75%
+5 #7ec8ed 71%
+4 #6fc1ea 68%
+3 #61bbe8 65%
+2 #52b5e6 61%
+1 #43aee4 58%
0 #34a8e2 55%
-1 #25a2e0 51%
-2 #1f99d6 48%
-3 #1c8ec7 45%
-4 #1a83b8 41%
-5 #1879a9 38%
-6 #166e9a 35%
-7 #14638b 31%
-8 #12597c 28%
-9 #104e6e 25%
-10 #0e445f 21%
-11 #0b3950 18%
-12 #092e41 15%
-13 #072432 11%
-14 #051923 8%
-15 #030f14 5%
-16 #010405 1%
-17 #000 0%

Click to copy