#f16f59 Color Tints and Shades

Copy lighter or darker colors based on #f16f59, a color in the sRGB color space that can also be expressed with rgb(241, 111, 89) or hsl(9, 84%, 65%) in CSS.

Relative distance from base color Hex code Lightness value
+11 #fff 100%
+10 #fef7f6 98%
+9 #fde9e6 95%
+8 #fcdcd6 91%
+7 #facec7 88%
+6 #f9c1b7 85%
+5 #f8b3a7 81%
+4 #f6a598 78%
+3 #f59888 75%
+2 #f48a78 71%
+1 #f27d69 68%
0 #f16f59 65%
-1 #f06149 61%
-2 #ee543a 58%
-3 #ed462a 55%
-4 #ec391a 51%
-5 #e23113 48%
-6 #d22e12 45%
-7 #c32a10 41%
-8 #b3270f 38%
-9 #a3230e 35%
-10 #94200c 31%
-11 #841d0b 28%
-12 #74190a 25%
-13 #651608 21%
-14 #551207 18%
-15 #450f06 15%
-16 #360c05 12%
-17 #260803 8%
-18 #160502 5%
-19 #070101 2%
-20 #000 0%

Click to copy