#f21f64 Color Tints and Shades

Copy lighter or darker colors based on #f21f64, a color in the sRGB color space that can also be expressed with rgb(242, 31, 100) or hsl(340, 89%, 54%) in CSS.

Relative distance from base color Hex code Lightness value
+14 #fff 100%
+13 #fef0f4 97%
+12 #fde0e9 94%
+11 #fcd0de 90%
+10 #fbc0d3 87%
+9 #faafc8 83%
+8 #f99fbd 80%
+7 #f98fb2 77%
+6 #f87fa7 74%
+5 #f76f9c 70%
+4 #f65f90 67%
+3 #f54f85 64%
+2 #f43f7a 60%
+1 #f32f6f 57%
0 #f21f64 54%
-1 #f10f59 50%
-2 #e20d53 47%
-3 #d20c4d 44%
-4 #c20b47 40%
-5 #b20a41 37%
-6 #a2093b 34%
-7 #920835 30%
-8 #82082f 27%
-9 #72072a 24%
-10 #620624 20%
-11 #51051e 17%
-12 #410418 14%
-13 #310312 10%
-14 #21020c 7%
-15 #110106 4%
-16 #010000 0%
-17 #000 0%

Click to copy