#30aad2 Color Tints and Shades

Copy lighter or darker colors based on #30aad2, a color in the sRGB color space that can also be expressed with rgb(48, 170, 210) or hsl(195, 64%, 51%) in CSS.

Relative distance from base color Hex code Lightness value
+15 #fff 100%
+14 #f3fafc 97%
+13 #e5f4f9 94%
+12 #d7eff6 90%
+11 #c9e9f3 87%
+10 #bce3f0 84%
+9 #aedeed 81%
+8 #a0d8ea 77%
+7 #92d2e7 74%
+6 #84cce4 71%
+5 #76c7e1 67%
+4 #68c1de 64%
+3 #5abbdb 61%
+2 #4cb5d8 57%
+1 #3eb0d5 54%
0 #30aad2 51%
-1 #2ba0c6 47%
-2 #2894b8 44%
-3 #2589aa 41%
-4 #227e9c 37%
-5 #1f738e 34%
-6 #1c6780 31%
-7 #195c72 27%
-8 #165164 24%
-9 #134656 21%
-10 #103a48 17%
-11 #0d2f3a 14%
-12 #0a242d 11%
-13 #07191f 7%
-14 #040d11 4%
-15 #010203 1%
-16 #000 0%

Click to copy