#f5122e Color Tints and Shades

Copy lighter or darker colors based on #f5122e, a color in the sRGB color space that can also be expressed with rgb(245, 18, 46) or hsl(353, 92%, 52%) in CSS.

Relative distance from base color Hex code Lightness value
+15 #fff 100%
+14 #fff6f7 98%
+13 #fee6e9 95%
+12 #fdd6da 92%
+11 #fdc5cc 88%
+10 #fcb5be 85%
+9 #fba5af 82%
+8 #fb94a1 78%
+7 #fa8493 75%
+6 #f97484 72%
+5 #f86376 68%
+4 #f85367 65%
+3 #f74359 62%
+2 #f6334b 58%
+1 #f6223c 55%
0 #f5122e 52%
-1 #ec0a26 48%
-2 #dc0923 45%
-3 #cb0921 42%
-4 #bb081e 38%
-5 #ab071b 35%
-6 #9b0719 32%
-7 #8a0616 28%
-8 #7a0514 25%
-9 #6a0411 22%
-10 #59040e 18%
-11 #49030c 15%
-12 #390209 12%
-13 #290206 8%
-14 #180104 5%
-15 #080001 2%
-16 #000 0%

Click to copy