#554eb3 Color Tints and Shades

Copy lighter or darker colors based on #554eb3, a color in the sRGB color space that can also be expressed with rgb(85, 78, 179) or hsl(244, 40%, 50%) in CSS.

Relative distance from base color Hex code Lightness value
+15 #fff 100%
+14 #f5f4fa 97%
+13 #e9e8f5 94%
+12 #deddf0 90%
+11 #d3d1eb 87%
+10 #c7c5e6 84%
+9 #bcb9e1 80%
+8 #b0addc 77%
+7 #a5a1d7 74%
+6 #9995d2 70%
+5 #8e89cd 67%
+4 #837ec7 64%
+3 #7772c2 60%
+2 #6c66bd 57%
+1 #605ab8 54%
0 #554eb3 50%
-1 #4f48a8 47%
-2 #49439c 44%
-3 #443e90 40%
-4 #3e3984 37%
-5 #383478 34%
-6 #332f6d 31%
-7 #2d2961 27%
-8 #282455 24%
-9 #221f49 20%
-10 #1d1a3d 17%
-11 #171531 14%
-12 #111025 10%
-13 #0c0b19 7%
-14 #06060d 4%
-15 #010102 1%
-16 #000 0%

Click to copy