#f28c30 Color Tints and Shades

Copy lighter or darker colors based on #f28c30, a color in the sRGB color space that can also be expressed with rgb(242, 140, 48) or hsl(28, 88%, 57%) in CSS.

Relative distance from base color Hex code Lightness value
+13 #fff 100%
+12 #fef7f0 97%
+11 #fdeee0 94%
+10 #fce5d0 90%
+9 #fbdcc0 87%
+8 #fad3b0 84%
+7 #f9caa0 80%
+6 #f8c190 77%
+5 #f7b880 74%
+4 #f6b070 70%
+3 #f5a760 67%
+2 #f49e50 64%
+1 #f39540 60%
0 #f28c30 57%
-1 #f18320 54%
-2 #f07a10 50%
-3 #e1720e 47%
-4 #d16a0d 44%
-5 #c1620c 40%
-6 #b15a0b 37%
-7 #a1520a 34%
-8 #914a09 30%
-9 #814108 27%
-10 #713907 24%
-11 #613106 20%
-12 #512905 17%
-13 #412104 14%
-14 #311903 10%
-15 #211102 7%
-16 #110901 4%
-17 #010100 0%
-18 #000 0%

Click to copy