What Colors Make Brown?
Which colors mix to make brown in paint, on screen and in print, how to adjust its shade, and how to define a consistent brown for a vector logo palette.
Contents
The short answer
Brown is essentially a dark, muted orange. With paint and other pigments, you make it by mixing a pair of complementary colors or by combining all three traditional primaries. On a screen, brown comes from red and green light at reduced intensity with little blue. In vector logo work, brown isn't mixed at all. It is defined by numeric values in a color model, so the useful question is which values produce the brown you want and how they hold up across screen and print.
Color combinations that make brown with pigments
- Red and green
- Blue and orange
- Yellow and purple (violet)
- Red, yellow and blue together
These combinations work because complementary colors sit opposite each other on the traditional color wheel. When their pigments are combined, each absorbs much of the light the other reflects. That lowers saturation and darkens the mix, and the result is a neutral that leans toward brown. Mixing all three primaries has the same effect, because each complementary pair already contains all three primaries: green is yellow plus blue, orange is red plus yellow, and purple is red plus blue. Exact proportions depend on the specific pigments, and no measured ratios were supplied for this article. Mixing small test swatches is the reliable way to get there.
Adjusting the shade of brown
- Lighter, tan or beige: add white, or increase the yellow
- Darker: add a small amount of blue, or a touch of black (black can make the mix look flat)
- Warmer or reddish: add more red or orange
- Cooler or olive: add more green or blue
- Golden: add more yellow
How brown works in digital and vector color
The recipes above describe subtractive mixing, where pigments absorb light. Screens use additive color: red, green and blue light combine and get brighter as you add more. Vector logo files store each fill and stroke as values in a color model such as RGB, CMYK or a named spot color. To create brown digitally, you set those values directly rather than imitating paint mixing.
In RGB, a brown generally has red as the strongest channel, green in the middle and blue as the weakest, with overall values kept fairly low. In HSB or HSL terms, the hue is in the red-to-orange range, saturation is moderate and brightness is reduced. Lowering brightness, rather than changing the hue, is what turns an orange into a brown. Brown is also a contextual color. The same value can look orange on a dark background and brown next to brighter colors, so judge a logo brown against the backgrounds it will actually appear on.
For reference, the CSS color specification defines several named browns. They are documented values, not recommendations for a particular brand:
| CSS name | Hex value |
| brown | #A52A2A |
| saddlebrown | #8B4513 |
| sienna | #A0522D |
| chocolate | #D2691E |
| peru | #CD853F |
| tan | #D2B48C |
For process (CMYK) printing, browns are usually built from magenta and yellow, with cyan and/or black added to darken and neutralize them. Printed results depend on the press, paper and color profile. If a brand brown has to match closely across print runs, a specified spot color is the usual way to control it. Check any spot-color reference against the current official swatch documentation rather than relying on a converted value.
Building a brown palette for a logo
- Choose a base brown and record its value in every color model you will deliver: hex/RGB for screens, CMYK for process print, and a spot reference if one is used.
- Derive lighter tints and darker shades from the base so the palette stays related in hue.
- Store the colors as global or named swatches in the vector file, so a value change updates every object that uses it.
- Convert between RGB and CMYK deliberately rather than leaving it to automatic export, and confirm the printed result with a proof.
- Check text and icon contrast against the light and dark backgrounds the logo will sit on.
Converting from RGB to CMYK can shift a brown's warmth or depth. Because browns are relatively muted, they often reproduce better in print than vivid colors do, but this varies by profile and press. A physical proof is the way to confirm it.
If you are taking a brown from an existing logo file
Read color values from the vector fills themselves, not from a raster preview or an embedded image. Previews can be compressed or color-managed, so sampled pixels may not match the specified color. A file extension such as SVG, EPS or AI does not by itself prove the artwork contains editable vector paths. Open the file and inspect it. Permission to download a logo also does not grant permission to modify its artwork, reuse its fonts or use its trademark, so confirm the license before editing or repurposing it.
Gaps in this guidance
No brand-specific colors, measured mixing ratios, print-test results or tool-specific documentation were supplied. The pigment combinations and color-model descriptions above reflect general color principles, and the named hex values come from the CSS specification. Exact paint proportions, CMYK builds and spot-color matches need to be confirmed with your own materials, color profiles and proofs.