Browns can be delicious!
Here are the top 20 brown hex codes and RGB values.
All the best browns from woods to foods: cedar, cinnamon, coffee, caramel, chocolate and more.
You’ll find a table with color swatches to visualize the brown shades. These are followed by the color name, hex code, and RGB color code.
Plus there’s a handy color chart you can pin.
Bravo for brown!
Traditional Brown Color Code
Brown (traditional) is neither a primary color nor a secondary color in the RGB color system. This holds true in RYB or CMYK colors too.
The RGB color space is used by any type of display monitor – computer, TV, mobile device – which employs red, green, and blue light to create all the colors the human eye can see.
Traditional Brown is represented by the #964B00 color hex, and the RGB numbers are 150, 75, 0. That means it’s comprised of 58.8% red, 29.4% green and 0% blue.
The closest web safe color is #993300, which can be represented in 3 digits: #930.
While RGB is the focus of this article, you may need to know that the CMYK values are C: 0, M: 0.5, Y: 1, K:0.41. So in CMYK you can express it as 0, 50, 100, 41.
To learn how to mix brown in paints, you can check this RYB color mixing chart.
Keep reading below for many more browns from which to choose.
Traditional brown color swatch #964B00:
Web-safe brown color swatch #993300:
20 Brown Color Codes
Here are those top hues in the brown color family. These run from neutral colors to warm browns and cool shades of brown.
Even a sandy brown or two, although light brown colors are typically called tans. There are a number of dark brown shades though!
Check out the exact colors in the swatches, then the color numbers.
The easiest way to grab these for your web page or design projects is to copy the hexadecimal numbers and paste it in where you need it.
|Mid Dark Brown||#7C4700||(124, 71, 0)|
|Cedar||#4B3A26||(75, 58, 38)|
|Cinnamon||#622A0F||(98, 42, 15)|
|Brunette||#3A1F04||(58, 31, 4)|
|Mocha||#3B270C||(59, 39, 12)|
|Umber||#362312||(54, 35, 18)|
|Tortilla||#997950||(153, 121, 80)|
|Chocolate||#2B1700||(43, 23, 0)|
|Syrup||#492000||(73, 32, 0)|
|Gingerbread||#5C2C06||(92, 44, 6)|
|Caramel||#613613||(97, 54, 19)|
|Walnut||#43270F||(67, 39, 15)|
|Pecan||#48260D||(72, 38, 13)|
|Wood Brown||#402F1D||(64, 47, 29)|
|Hickory||#351E10||(53, 30, 16)|
|Espresso||#4B382A||(75, 56, 42)|
|Peanut||#795C32||(121, 92, 50)|
|Tawny||#7E481C||(126, 72, 28)|
|Coffee||#4B3619||(75, 54, 25)|
|Russet||#7F461B||(127, 70, 27)|
You might want to check out more brown color names on our color thesaurus.
Did you know? Brown is one of the least liked colors among both men and women.
If you love brown, learn what your favorite color says about you.
Brown is a bit tricky to use for branding, but I’d say UPS uses it successfully! Interestingly, a top color meaning for brown is reliability.
To see which other companies use brown and if it would work for your brand, find out more about how to choose business colors.
I hope you you found exactly what you need above, but if you need more similar shades I can add these later:
- Brown Sugar
- Tuscan Brown
- Saddle Brown
- Otter Brown
- Burnt Sienna
- Golden Brown
- Burnt Umber
Let me know in a comment if you found this helpful and would like more brown tones.
Pin the chart below to Pinterest! If you like, you can buy a high resolution printable poster at graf1x.com.
A great complement to browns are these blue hex codes.