Brown is a mix of red, green, and blue light — or red, yellow, and black pigment, depending on what you're working with

The way you make brown depends on whether you're working on a screen (light) or on paper (pigment). On a screen, brown comes from combining red and green light at high levels, with blue at a lower level. In print or paint, brown comes from mixing red and yellow, then darkening it with black or a complementary color like blue.

If you're designing on a computer, you'll use RGB values or hex codes. If you're printing or painting, you'll physically mix colors. The method matters because light and pigment work in opposite directions — adding more light makes colors brighter, but adding more pigment makes them darker.

Key Takeaways

  • On screen, brown is made by setting red to 165 or higher, green to 42 or higher, and blue to 42 or lower in RGB values, with the exact shade depending on the ratio.
  • In hex code (used in web design), common browns are #8B4513 (saddle brown), #A0522D (sienna), and #654321 (a neutral brown).
  • In print or paint, mix red and yellow first, then add black or blue to darken and adjust the tone until you reach the brown you want.
  • Brown has no single "correct" recipe — the shade you get depends on which red, which yellow, and how much black or blue you add.

Making brown in RGB (for screens and digital design)

RGB stands for red, green, and blue. Each color channel runs from 0 to 255. Brown appears when red is significantly higher than both green and blue. A basic brown uses values around red 165, green 42, blue 42 — but the exact shade shifts as you adjust these numbers.

If you increase green and blue equally while keeping red high, the brown becomes warmer and more orange-tinted. If you lower all three values together, the brown becomes darker. If you raise all three equally, it becomes lighter and more tan. Most design software lets you enter RGB values directly, or you can use a color picker tool and read the values it shows you.

Common brown shades in RGB are saddle brown (139, 69, 19), peru (205, 133, 63), and chocolate (210, 105, 30). These names are built into most design programs, so you can type the name and the software fills in the RGB values automatically.

Making brown in hex code (for web design)

Hex code is a six-character code that represents color in web design. It's based on RGB but written in a different format. The first two characters represent red, the next two represent green, and the last two represent blue. Each pair uses numbers 0–9 and letters A–F.

Common brown hex codes are #8B4513 (saddle brown), #A0522D (sienna), #654321 (a neutral brown), and #D2691E (chocolate). You can paste these directly into the color field in HTML, CSS, or any web design tool. If you want to create your own brown hex code, convert your RGB values: each RGB number from 0–255 becomes a two-character hex pair. An online RGB-to-hex converter does this instantly if you don't want to do it by hand.

Mixing brown in paint or pigment

Start by mixing red and yellow in roughly equal amounts. The result will be orange. Then add black a small amount at a time, stirring well after each addition. The black darkens the orange into brown. Stop when you reach the shade you want — it's easier to add more black than to lighten it again.

If your brown looks too orange, add a tiny amount of blue to shift the tone toward a cooler, more neutral brown. If it looks too dull or muddy, you may have added too much black. In that case, mix a fresh batch of red and yellow, then add less black.

The exact shade depends on which specific red and yellow you use. A warm red mixed with a warm yellow makes a different brown than a cool red mixed with a cool yellow. Test your mix on scrap paper or cardboard before applying it to your final project.

Brown in different design contexts

In web design, brown is often used for backgrounds, text, or accents because it reads well and feels neutral or earthy. Darker browns (like #3E2723) work as text color on light backgrounds. Lighter browns (like #D7CCC8) work as background color behind dark text. Mid-tone browns are harder to use because they don't contrast well with either black or white.

In print design, brown inks are sometimes mixed from CMYK values instead of RGB. CMYK stands for cyan, magenta, yellow, and black. A basic brown in CMYK is roughly 0% cyan, 50% magenta, 100% yellow, and 50% black — but this varies by printer and ink. If you're sending a design to a professional printer, ask them what CMYK values they recommend for the brown you want.

Adjusting brown to get the shade you need

Brown is a broad category. "Warm brown" leans toward orange or red. "Cool brown" leans toward gray or blue. "Light brown" or tan is brown with more white or lighter pigment mixed in. "Dark brown" is brown with more black or darker pigment mixed in.

If you're working in RGB and your brown looks too orange, lower the red value slightly or raise the blue value slightly. If it looks too gray, raise the red value. If it looks too dark, raise all three RGB values equally. If it looks too light, lower all three equally. Small changes (5 to 10 points) shift the tone noticeably without losing the brown color.

If you're mixing paint and your brown looks wrong, the fastest fix is usually to start over with a fresh mix rather than trying to correct it. Brown is easy to overmix, and once you've added too much of one color, it's hard to balance again.

Frequently Asked Questions

What's the difference between brown and tan?

Tan is a lighter version of brown. In RGB, tan uses higher values across all three channels — for example, tan might be RGB 210, 180, 140, while brown is RGB 139, 69, 19. In paint, tan is brown mixed with white or a lighter pigment. Both are in the brown family, but tan is noticeably lighter.

Can I make brown by mixing just two colors?

In paint, you can mix red and yellow to get orange, but you need black or blue to turn that orange into brown. In RGB on a screen, you technically need all three channels (red, green, and blue) to create brown, though the blue value is much lower than the other two. You can't make true brown with only two of the three RGB channels.

Why does my brown look different on my phone than on my computer?

Different screens have different color profiles and brightness settings. A brown that looks right on your laptop might look more orange or more gray on your phone. This is normal and happens with all colors. If you're designing for web, test your brown on multiple devices before finalizing it, or use a standard brown hex code that's been tested across devices.

What brown should I use for text on a white background?

A dark brown like #3E2723 or #5D4037 works well for body text because it has enough contrast with white to be readable. Lighter browns don't contrast enough and become hard to read. If you're unsure, test your brown text on white and make sure you can read it comfortably from arm's length away.