#558ce0 Color Tints and Shades

Copy lighter or darker colors based on #558ce0, a color in the sRGB color space that can also be expressed with rgb(85, 140, 224) or hsl(216, 69%, 61%) in CSS.

Relative distance from base color Hex code Lightness value
+12 #fff 100%
+11 #f3f7fd 97%
+10 #e5edfa 94%
+9 #d6e3f8 91%
+8 #c8daf5 87%
+7 #bad0f2 84%
+6 #abc6f0 81%
+5 #9dbded 77%
+4 #8eb3ea 74%
+3 #80a9e8 71%
+2 #729fe5 67%
+1 #6396e3 64%
0 #558ce0 61%
-1 #4782dd 57%
-2 #3879db 54%
-3 #2a6fd8 51%
-4 #2567cc 47%
-5 #2360be 44%
-6 #2059af 41%
-7 #1d51a1 37%
-8 #1b4a92 34%
-9 #184384 31%
-10 #153c76 27%
-11 #133467 24%
-12 #102d59 21%
-13 #0e264b 17%
-14 #0b1e3c 14%
-15 #08172e 11%
-16 #061020 7%
-17 #030911 4%
-18 #010103 1%
-19 #000 0%

Click to copy