#f9c016 Color Tints and Shades

Copy lighter or darker colors based on #f9c016, a color in the sRGB color space that can also be expressed with rgb(249, 192, 22) or hsl(45, 95%, 53%) in CSS.

Relative distance from base color Hex code Lightness value
+15 #fff 100%
+14 #fffffe 100%
+13 #fffaed 96%
+12 #fef6dd 93%
+11 #fef1cc 90%
+10 #fdedbc 86%
+9 #fde8ab 83%
+8 #fce49a 80%
+7 #fcdf8a 76%
+6 #fcdb79 73%
+5 #fbd669 70%
+4 #fbd258 66%
+3 #facd48 63%
+2 #fac937 60%
+1 #f9c427 56%
0 #f9c016 53%
-1 #f8bb06 50%
-2 #e7af06 46%
-3 #d7a206 43%
-4 #c69605 40%
-5 #b58905 36%
-6 #a57d04 33%
-7 #947004 30%
-8 #846403 26%
-9 #735703 23%
-10 #634b03 20%
-11 #523e02 16%
-12 #423102 13%
-13 #312501 10%
-14 #201801 6%
-15 #100c00 3%
-16 #000 0%

Click to copy