The color brown may not be among the most exciting colors in the visible light spectrum, but it is one of the most valuable and versatile hues you can have. Shades of brown names span a wide spectrum, ranging from deep burnt sienna to light beige.
A composite color made from combining all three primary hues in various ways, brown is one of the easiest colors to mix with the paint. White is often used to tint lighter browns, whereas black is used for darker browns. Many colors, including shades of orange, yellow, green, and black, appear brown to our eyes.
Natural and earthy hues like brown are often influenced by natural elements such as sand, wood, and earth. If you are not using shades of brown in your painting or design, there will be a lack of harmony. Brown is often seen as a classic, traditional, dependable, and conservative shade to work with.
Brown is considered a reliable color. The impression of being grounded and solid may have come from its association with earth. Brown is a simple and sturdy color, without frills and flourishes, but sturdy and less fanciful than other colors. A color like yellow can stimulate imagination, but brown keeps us grounded in the present moment.
Brown provides a sense of protection and security among all rainbow colors. The security is not obvious, nor does it take place in the spotlight, but in the shadows. Throughout your painting, brown will set the tone and support all elements. Various brown shades can be used for many different effects, as there are so many hues to choose from.
There are three main categories of brown colors.
Within each of these categories, there are numerous brown colors. The darker shades tend to lean toward red, while the lighter shades have a green base with a hint of earth. You can learn about each brown color's color code, hex code, and shade description in the following section.
Bistre brown is one of the darkest brown shades. Dark brown has a cool temperature, similar to dark brown and Tuscan brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Bistre Brown | #3D2B1F | 0, 30, 49, 76 | 61, 43, 31 |
It is one of the darkest brown colors as well as one of the most appealing. As you can see, this shade of dark brown has a noticeable gray undertone. It is a perfect color for a brown color palette.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Taupe Brown | #483C32 | 0, 17, 31, 72 | 72, 60, 50 |
Café Noir is one of the deepest and coolest brown hues available. Compared to dark brown and Tuscan brown, this color is slightly cooler in tone.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Café Noir Brown | #4B3621 | 0, 28, 56, 71 | 75, 54, 33 |
Dark coffee is the perfect shade if you're looking for a dark shade with a purple-red hue. While darker and warmer than Tuscan brown, this shade is cooler than dark brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Deep Coffee Brown | #704241 | 0, 41, 42, 56 | 112, 66, 65 |
The deep, rich hue of this color resembles that of coffee or chocolate. A typical dark brown color is a beautiful and versatile shade of brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Dark Brown | #654321 | 0, 34, 67, 60 | 101, 67, 33 |
Tuscan Brown is a darker shade of brown on the border between light and dark. It contains subtle gray hints, making it the most appropriate shade for coloring aged bark.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Tuscan Brown | #6F4E37 | 0, 30, 50, 56 | 111, 78, 55 |
Bole brown is a very cool and slightly purple undertone on the border between dark and medium browns. Shades of burgundy brown are muted and browner in this shade. Having bole brown in your brown color scheme is a great choice because it is versatile and beautiful.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Bole Brown | #79443B | 0, 44, 51, 53 | 121, 68, 59 |
Photographs from the early days of photography were first printed in sepia brown ink. This brown color has a subtle warmth, and it looks rich and elegant, like polished wood furniture.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Sepia Brown | #704214 | 0, 41, 82, 56 | 112, 66, 20 |
The russet brown shade is slightly darker than sienna brown. While it has a red undertone, the shade is cooler than sienna brown. Beautiful and deep, this shade would look lovely on old wooden furniture.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Russet Brown | #80461B | 0, 45, 79, 50 | 128, 70, 27 |
Russet and saddle brown are very similar in many ways. As well as being fairly warm, saddle brown is also a light shade of brown. However, it's a bit lighter and warmer than russet brown. A brown with a hint of an orange undertone, saddle brown is a beautiful color.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Saddle Brown | #8B4513 | 0, 50, 86, 45 | 139, 69, 19 |
Another reddish-brown tone is Sienna Brown. It is a dark brown color that shares properties with other dark brown shades like mahogany and russet brown. The color sienna brown is closest to chestnut brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Sienna Brown | #A0522D | 0, 49, 72, 37 | 160, 82, 45 |
Many people argue that rust-brown resembles orange rather than brown. The color of warm, medium brown, rusted metal is strongly reflected in the shade. Rust-brown and bronze metal have some similar characteristics, but the tone in rust-brown is slightly darker and richer.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Rust Brown | #B7410E | 0, 64, 92, 28 | 183, 65, 14 |
Among the many shades of brown, mahogany is a warm and rich tone. There are reddish undertones to this shade, and many compare it to a lighter and warmer cinnamon color. It is named after the color of the wood, which is commonly used to construct expensive furniture.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Mahogany Brown | #C04000 | 0, 67, 100, 25 | 192, 64, 0 |
You are sure to have come across burnt umber if you've worked with paints for a long time. Among the most popular browns, this color has a dark and rich undertone. There is a lot of use for burnt umber in painting and color mixing because it makes colors very warm and rich.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Burnt Umber | #8A3324 | 0, 63, 74, 46 | 138, 51, 36 |
Rufous is a dark shade of red-brown that may be perfect for you if you like a dark shade of brown. Arufous looks like auburn brown, but it doesn't have purple undertones, unlike auburn. This deep brown has an orange undertone, making it a great shade for glowing embers.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Rufous Brown | #A81C07 | 0, 83, 96, 34 | 168, 28, 7 |
Shades of burnt umber and burgundy are similar to this beautiful and rich shade reddish-brown despite being slightly browner than burgundy, auburn brown still belongs to the family of red hues. Unlike burnt umber, auburn is also redder, making it the perfect middle shade.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Auburn Brown | #A52A2A | 0, 75, 75, 35 | 165, 42, 42 |
Despite the beauty of this color, the name of this shade doesn't quite describe it. Dark dirt brown is a dark and cool shade of brown that is in the middle of light brown and beige. Similar to a darker tan shade, this brown color has a more gray undertone.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Dirt Brown | #9B7653 | 0, 24, 46, 39 | 155, 118, 83 |
Chamoisee brown shares a similar tone with beaver brown, and it is a slightly warmer taupe shade. Warm, light, and lovely, this light brown color is perfect for brown color palettes.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Chamoisee Brown | #A0785A | 0, 25, 44, 37 | 160, 120, 90 |
This is a lovely cool light brown color named after coconut shells. It shares some similarities in hue with chamois brown, but it is a light and cooler shade than a coconut shell.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Coconut Brown | #965A3E | 0, 40, 59, 41 | 150, 90, 62 |
Chestnut brown, named after the chestnut fruit, is a light brown color that is slightly pink. This shade is not as deep or red as we imagine the chestnut, even though it is named after the fruit.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Chestnut Brown | #CD5C5C | 0, 55, 55, 20 | 205, 92, 92 |
Darker than many of these light brown colors, Windsor tan brown is darker. A warm brown shade, this one is a little darker and richer than the traditional light brown shade.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Windsor Tan Brown | #A75502 | 0, 49, 99, 35 | 167, 85, 2 |
Golden brown possesses a darker and cooler tone than ginger brown. Any palette with brown colors will benefit from this rich golden color.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Golden Brown | #996515 | 0, 34, 86, 40 | 153, 101, 21 |
Gingerbread men are the shade of light brown in this picture. The rich and warm golden brown color is inspired by the ginger spice and makes us think of delicious baked goods.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Ginger Brown | #B06500 | 0, 43, 100, 31 | 176, 101, 0 |
A warm undertone and a delicate softness set light brown apart from other brown shades in this category. The color light brown is often compared to ochre brown, which is slightly darker in tone.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Light Brown | #B5651D | 0, 44, 84, 29 | 181, 101, 29 |
This rich, warm, and beautiful color is called Cinnamon Brown. It is a versatile and welcoming brown color with hints of orange and yellow. The name of this color refers to cinnamon spice, but it is slightly warmer and lighter.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Cinnamon Brown | #D2691E | 0, 50, 86, 18 | 210, 105, 30 |
Another light, warm brown shade is copper brown. Compared with the metal, this shade is softer and warmer. Browns with orange undertones are very attractive and popular.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Copper Brown | #B87333 | 0, 38, 72, 28 | 184, 115, 51 |
Another popular light brown shade, ochre is a warm shade that is very soft and inviting. A slightly orange undertone distinguishes ochre from bronze brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Ochre Brown | #CC7722 | 0, 42, 83, 20 | 204, 119, 34 |
Bronze brown gets its name from the color of the metal of the same name; it's a warm shade of brown with an orange undertone. It's a warmer shade of brown than copper.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Bronze Brown | #CD7F32 | 0, 38, 76, 20 | 205, 127, 50 |
We have already covered several light brown colors, but Peru brown comes closest to beige. Browns are categorized as light browns and beige, but this warm and light brown falls between the two. A lighter version of cinnamon brown, Peru brown has a softer, less orange hue than that of cinnamon brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Peru Brown | #CD853F | 0, 35, 69, 20 | 205, 133, 63 |
The Brass brown color is a light brown tint with a yellow base and hints of green. Light brown brass is named after the metal with the same color. It is a wonderfully versatile light brown color. This shade is an essential part of a brown color palette whether you're drawing autumn leaves or a field of flowers.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Brass Brown | #B5A642 | 0, 8, 64, 29 | 181, 166, 66 |
Brown with a yellow undertone, ecru is a lovely light shade of brown. Although it is warmer and darker than sand brown, this shade can be compared to it.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Ecru Brown | #C2B280 | 0, 8, 34, 24 | 194, 178, 128 |
This color blends quite well with the lighter shades of beige in khaki fabric. A great neutral shade to have in a brown color palette, Khaki brown has a slight undertone of gray.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Khaki Brown | #C3B091 | 0, 10, 26, 24 | 195, 176, 145 |
A darker and cooler shade of beige on this list is dark vanilla. This shade can be compared to taupe brown and sand, but it has a gray undertone.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Dark Vanilla Brown | #D1BEA8 | 0, 9, 20, 18 | 209, 190, 168 |
Tan brown is easily recognizable as a shade of beige. Compared to sand and traditional beige, this is a lighter brown. The color is also darker than most beige shades.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Tan Brown | #D2B48C | 0, 14, 33, 18 | 210, 180, 140 |
Because it resembles the light hardwood floor color, this color got its name. Quite a lighter shade of fawn beige, wood brown is slightly cooler than fawn beige.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Wood Brown | #C19A6B | 0, 20, 45, 24 | 193, 154, 107 |
Deer brown has a similar tone to tan brown, but it is warmer and darker. An amazing shade of light brown, this color is a warm beige color that is slightly darker and warmer than fawn brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Deer Brown | #BA8759 | 0, 27, 52, 27 | 186, 135, 89 |
Translated, coffee with milk is the name of this beige brown shade. This name is perfect for describing the warm tones in this shade.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Café au Lait Brown | #A67B5B | 0, 26, 45, 35 | 166, 123, 91 |
A light grayish brown called Beaver Brown may be named after the little critters with big teeth. It is a slightly cooler version of taupe brown, and it has a cool undertone.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Beaver Brown | #9F8170 | 0, 19, 30, 38 | 159, 129, 112 |
An antique brass color is a light brown shade that's slightly peachy beige. There is a slight cool tonality to this beautiful color, and it is a little darker than bisque brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Antique Brass Brown | #CD9575 | 0, 27, 43, 20 | 205, 149, 117 |
There is a very light and pinkish shade of brown known as tumbleweed brown. Compared to other beige shades on this list, tumbleweed brown is cooler with an orange undertone than tan brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Tumbleweed Brown | #DEAA88 | 0, 23, 39, 13 | 222, 170, 136 |
If you are looking for a light brown that's very warm, then fawn brown is your best choice. Light brown with a warm orange undertone, this color is slightly peachy. Fawn is lighter and brighter than deer brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Fawn Brown | #E5AA70 | 0, 26, 51, 10 | 229, 170, 112 |
The color of this beige is very pale and has a similar feel to desert sand and bisque brown. This shade is also compared to tan, although it is slightly more peachy and warm.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Burlywood Brown | #DEB887 | 0, 17, 39, 13 | 222, 184, 135 |
Sand brown is the perfect shade for those in search of a light and friendly beige. Colors like this are sometimes compared to bisque brown, which is a cool and light brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Sand Brown | #F6D7B0 | 0, 13, 28, 4 | 246, 215, 176 |
Yellow-brown is the color of wheat brown. Wheat brown is classified by some artists as a white shade rather than a brown shade, but to us, it is clearly a beige shade of brown. Despite its name, this shade is a bit more peach than the kernels of wheat.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Wheat Brown | #F5DEB3 | 0, 9, 27, 4 | 245, 222, 179 |
Another light beige shade, champagne brown, is sometimes classified as white color. While it is a beautiful warm color, it is also more saturated and saturated.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Champagne Brown | #FAD6A5 | 0, 14, 34, 2 | 0, 14, 34, 2 |
As the name suggests, Bisque Brown mirrors the pale and creamy color of a creamy soup. Despite being pale and cream-colored, this light brown has a slight peach undertone.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Bisque Brown | #FFE4C4 | 0, 11, 23, 0 | 255, 228, 196 |
Yet another shade of brown that lies on the border between brown, white, and gray is this light brown color. Although it has a slightly gray undertone, the light brown color remains warmer than some of the other beige tones listed here.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Almond Brown | #EFDECD | 0, 7, 14, 6 | 239, 222, 205 |
A shade of beige that is both very light and slightly gray could easily be called ivory. Beige that has a yellowish glow is called bone brown.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Bone Brown | #E3DAC9 | 0, 4, 11, 11 | 227, 218, 201 |
Light brown in the hue of beige is very pale and yellow-toned. Due to its paleness, this light shade is very often called a shade of white. A beautiful shade of brown, beige is a must-have in every brown color palette.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Beige Brown | #F5F5DC | 0, 0, 10, 4 | 245, 245, 220 |
There is no way this shade of brown could be called "ash," since it doesn't look nearly as gray as ash from a fire would. Ash Brown, on the other hand, is named after the bark and branches of the ash tree, both of which are bright reddish-brown or reddish-green.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Ash Brown | #98623C | 0, 36, 61, 40 | 152, 98, 60 |
Ash Gray is similar to the bark of an ash tree, although it looks a little more like ash from a fire. Ash Gray, on the other hand, has a noticeably cooler tone than Ash Brown, which is why it's grayish-brown in color.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Ash Gray | #C1B5A9 | 0, 6, 12, 24 | 193, 181, 169 |
Ash Gray and Ash Brown are closely related to Ash White, the last color in the "ashen" family. While the color is similar to Ash Gray, its muted red undertones link it to the color of trees and the white seed pods that trees produce.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Ash White | #E9E4D4 | 0, 2, 9, 9 | 233, 228, 212 |
Golden brown is the color of baked bread with a slight dull overtone. Viewers will be reminded of the warmth and comfort associated with fresh bread pulled from the oven.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Baked Bread | #DACBA9 | 0, 7, 22, 15 | 218, 203, 169 |
Another shade of brown inspired by a food item is Baked Potato, which has a very similar look to baked bread. The tone of Baked Potato is slightly darker than Baked Bread, however, with some earthy undertones. This produces a color that resembles the crispy outer layer of a freshly baked potato.
Shade | Brown Hex Code | CMYK Brown Color Code | RGB Brown Color Code | Brown Color |
Baked Potato | #B69E87 | 0, 13, 26, 29 | 182, 158, 135 |
These are only a few of the shades of brown available for you to choose from, and there are many more shades to be found. If you have a project in mind, there is the exact right shade of brown for the final finishing touch.
Colors are just one part of web design. Take a look at Page Kit's blog post today about the best drawing tablet for graphic design.
After conducting his fair share of research and gaining relevant experience, Gab put up Page Kits to help others who were in his position grow their e-commerce stores and thrive.