Brown Color Meaning | Connotations & Hex Codes
#A65300
Before you dismiss brown as dull and boring, it might be worth giving it a second thought—especially if you’re looking for a color that communicates authenticity, reliability, or subtle sophistication.
This article explores the meaning of the color brown and presents a range of brown colors and color combinations to help you create your own brown color palette.
Just prompt the generator with a description of your design and ask for a rendering in brown (e.g., “Show me a mock-up of a modern reception area that uses a brown, cream, white, and gray color palette”).
Key takeaways
- Brown can make designs feel natural, warm, honest, and quietly sophisticated.
- In branding, brown is useful for communicating sustainability, craftsmanship, heritage, and reliability
- In interiors, brown helps create cozy, welcoming, timeless spaces.
- Explore the brown hex codes and palette ideas below to find combinations that feel earthy, elegant, or subtly luxurious.
What does brown symbolize?
You can use the color brown to emphasize qualities such as tradition, honesty, luxury, authenticity, sustainability, and simplicity.
In branding design, shades of brown are a popular choice for brands that want to:
- Feel natural, down-to-earth, or sustainable
- Communicate heritage, craftsmanship, or reliability
- Create a warm, rich, or understated luxury feel
In interior design, you can use brown to:
- Make a space feel warm, comfortable, and welcoming
- Add a natural, earthy quality to a room
- Create a timeless, elegant, or luxurious look
Color conversion
#A65300| Format | Value |
|---|---|
| HEX | A65300 |
| RGB | 166, 83, 0 |
| RGB Percent | 65%, 33%, 0% |
| CMYK | 0, 0.5, 1, 0.35 |
| HSL | 30°, 100%, 33% |
Color variations
Tints
- #c76300 • Click to copy
- #e67300 • Click to copy
- #ff8205 • Click to copy
- #ff9124 • Click to copy
- #ffa142 • Click to copy
- #ffb061 • Click to copy
- #ffbf80 • Click to copy
- #ffcf9e • Click to copy
Shades
- #8a4500 • Click to copy
- #6b3600 • Click to copy
- #4d2600 • Click to copy
- #2e1700 • Click to copy
- #140a00 • Click to copy
- #140a00 • Click to copy
- #140a00 • Click to copy
- #140a00 • Click to copy
Tones
- #c26100 • Click to copy
- #c96908 • Click to copy
- #ce7012 • Click to copy
- #d3781d • Click to copy
- #d68029 • Click to copy
- #cf873f • Click to copy
- #c98f54 • Click to copy
- #c49668 • Click to copy
Brown hex code
The brown color code for the CSS color name “Brown” is #A52A2A.
The codes for other brown CSS color names are:
- SaddleBrown #8B4513
- Sienna #A0522D
- Chocolate #D2691E
- DarkGoldenRod #B8860B
- Peru #CD853F
- SandyBrown #F4A460
- Tan #D2B48C
- BurlyWood #DEB887
Other commonly used hex codes for medium brown include:
- Brown #964B00
- Brown #895129
- Brown #A65300
You can view and adjust these brown colors in Quillbot’s free Color Wheel tool by entering their hex codes as the base color.
Brown colors
Here are some commonly used names for shades of brown, along with representative hex codes:
- Buff #FFE0A6
- Ochre #CC7722
- Bronze #CD7F32
- Caramel #CC7F3B
- Copper #B87333
- Tan #997000
- Chestnut brown #954535
- Sepia #704214
- Mahogany #5F2F00
- Chocolate #523C00
Brown color palette
Here are some ideas for brown color combinations to help you build a brown color palette for your project.
Chocolate brown, sage green, cream, and terracotta for a natural, down-to-earth, or sustainable feel
If you want to view and refine these colors in QuillBot’s Color Wheel tool, enter #6B4F3A for chocolate brown, #8A9A5B for sage green, #E8DDC8 for cream, and #C46A3A for terracotta.
Saddle brown, charcoal, brass, and cream to convey heritage, craftsmanship, or reliability
If you want to view and refine these colors in QuillBot’s Color Wheel tool, enter #5A3825 for saddle brown, #2F2D2A for charcoal, #B08A45 for brass, and #EFE3CC for cream.
Espresso, copper, black, and cashmere for a warm, rich, or understated luxury feel
If you want to view and refine these colors in QuillBot’s Color Wheel tool, enter #4A2E24 for espresso, #A65F3D for copper, #1F1A17 for black, and #E6D4B8 for cashmere.
- Mono
- Analogous
- Complementary
Frequently asked questions about the color brown
- What is a light brown color code?
-
If you’re looking for a light brown color code, try:
- Buff #FFE0A6
- Caramel #CC7F3B
- Goldenrod #DAA520
You can view and adjust these light brown colors in Quillbot’s free Color Wheel tool—just enter their hex codes as the base color.
- What is the opposite of brown?
-
Browns are typically muted shades of orange, so the opposite of brown is generally found in the blue area of the color wheel.
The complementary color of a particular shade of brown may fall in the blue, teal, or blue-green range, depending on the exact tone.
Quillbot’s free Color Palette Generator can help you build a brown color palette by extracting the codes of the main colors in an image with a brown color scheme.
- What are the brown rgb values?
-
The brown rgb values for the CSS color name “Brown” are:
- 165, 42, 42
To view and adjust this color, enter the hex code #A52A2A as the base color in Quillbot’s free Color Wheel tool.
- How do you make the color brown?
-
You can make the color brown with paints by mixing blue and orange or by combining red, yellow, and blue. You can also start with orange and darken it with a small amount of black.
Use Quillbot’s free Color Palette Generator to help you build a brown color palette.
Other interesting articles
If you want to know more about colors, letters, or the meaning of emojis, make sure to check out some of our other articles with explanations and examples.