#54b1fa Color Tints and Shades

Copy lighter or darker colors based on #54b1fa, a color in the sRGB color space that can also be expressed with rgb(84, 177, 250) or hsl(206, 94%, 65%) in CSS.

Relative distance from base color Hex code Lightness value
+11 #fff 100%
+10 #f9fcff 99%
+9 #e9f5fe 95%
+8 #d8edfe 92%
+7 #c8e6fd 89%
+6 #b7defd 85%
+5 #a7d7fc 82%
+4 #96cffc 79%
+3 #86c8fb 75%
+2 #75c0fb 72%
+1 #65b9fa 69%
0 #54b1fa 65%
-1 #43a9fa 62%
-2 #33a2f9 59%
-3 #229af9 55%
-4 #1293f8 52%
-5 #078bf2 49%
-6 #0781e2 46%
-7 #0678d1 42%
-8 #066ec1 39%
-9 #0565b0 35%
-10 #055ba0 32%
-11 #04528f 29%
-12 #04487f 26%
-13 #033f6e 22%
-14 #03365e 19%
-15 #022c4d 15%
-16 #02233d 12%
-17 #01192c 9%
-18 #01101c 6%
-19 #00060b 2%
-20 #000 0%

Click to copy