#ba701f Color Tints and Shades

Copy lighter or darker colors based on #ba701f, a color in the sRGB color space that can also be expressed with rgb(186, 112, 31) or hsl(31, 71%, 43%) in CSS.

Relative distance from base color Hex code Lightness value
+18 #fff 100%
+17 #fefdfb 99%
+16 #fcf5ed 96%
+15 #faecde 93%
+14 #f7e4d0 89%
+13 #f5dcc1 86%
+12 #f2d4b3 83%
+11 #f0cca4 79%
+10 #edc395 76%
+9 #ebbb87 73%
+8 #e9b378 69%
+7 #e6ab6a 66%
+6 #e4a35b 63%
+5 #e19a4d 59%
+4 #df923e 56%
+3 #dc8a30 53%
+2 #d78224 49%
+1 #c97921 46%
0 #ba701f 43%
-1 #ab671d 39%
-2 #9d5e1a 36%
-3 #8e5618 33%
-4 #804d15 29%
-5 #714413 26%
-6 #633b10 23%
-7 #54330e 19%
-8 #462a0c 16%
-9 #372109 13%
-10 #281807 9%
-11 #1a1004 6%
-12 #0b0702 3%
-13 #000 0%

Click to copy