Methodology
This page documents how whatcolorsmakebrown.com is researched and maintained. Every recipe, every hex code, and every theoretical claim on the site is anchored on the sources listed below. Where two credible sources disagree (which happens with named-shade hex codes more than you might expect), the disagreement is noted and the more commonly searched value is used.
Primary sources
The 15 sources below are the foundation of every page on the site. Each entry includes the source URL, refresh cadence, and what specifically the site takes from the source.
| Source | Cadence | What we take from it |
|---|---|---|
| Johannes Itten, The Art of Color (1961, Reinhold) | Foundational reference | Twelve-hue colour wheel, complementary-pair theory, the seven colour contrasts (hue, value, temperature, complementary, simultaneous, saturation, extension). Anchors the why-complementaries-make-brown explanation on /theory/. |
| Josef Albers, Interaction of Color (1963, Yale University Press) | Foundational reference | Simultaneous contrast, colour relativity, perceptual versus optical mixing. Informs the warm-versus-cool brown framing on /shades/ and the visual-context caveats on every shade page. |
| Albert Munsell, A Color Notation (1905) / Munsell Color System | Foundational reference | Hue, value, chroma three-dimensional notation. Used to explain why brown is desaturated low-value orange on /theory/ and to justify the warm-cool / light-dark axis on /shades/. |
| Pantone Matching System (Pantone LLC) | Annual catalogue refresh | Industry-standard colour matching for print and product design. Hex codes and named-shade values cross-checked against published Pantone equivalents where the named shade has a Pantone reference (e.g. Mocha Bisque, Cocoa Brown, Sahara). |
| Color Index International (SDC + AATCC) | Annual industry registry | Generic-name and Constitution-number pigment registry (PR101 red iron oxide, PR102 yellow iron oxide, PBr7 burnt umber, etc.). The earth-pigment pages and the per-medium pages reference the CI generic name where the specific pigment matters for behaviour. |
| CIE (International Commission on Illumination) | Standards reviewed every 5-10 years | CIE 1931 chromaticity diagram, CIELAB colour space, CIE Standard Illuminants. Underpins the colorimetric framing of why brown sits where it does on a perceptual gamut diagram. |
| RIT Munsell Color Science Laboratory | Ongoing peer-reviewed publication | Academic source for colour-appearance modelling, observer metamerism, and colour-difference metrics. Cited when the difference between perceived brown and screen-displayed brown depends on viewing conditions. |
| Golden Artist Colors technical sheets | Updated per product reformulation | Acrylic pigment technical sheets for Burnt Sienna, Yellow Ochre, Raw Umber, Burnt Umber, Ultramarine Blue, Quinacridone Burnt Orange, and the full Heavy Body palette. Per-pigment lightfastness, opacity, and tinting strength data on /mediums/paint/ and the per-shade pages. |
| Winsor & Newton colour charts and pigment information | Annual catalogue refresh | Oil and watercolour pigment data for Professional Watercolour, Cotman, Artists' Oil, and Galeria Acrylic ranges. The earth-pigment shortcut on /mediums/paint/ references Winsor & Newton burnt sienna and yellow ochre as the canonical acrylic and oil pigments. |
| Daniel Smith Watercolour pigment information | Updated per product release | Watercolour-specific pigment data for PrimaTek earth pigments, Burnt Sienna, Raw Sienna, Raw Umber, Burnt Umber, Quinacridone Gold, and the Lunar Black Iron Oxide. Used on /mediums/paint/ watercolour section. |
| Liquitex acrylic colour catalog | Updated per product release | Heavy Body and Professional Acrylic range pigment data. Cross-checked against Golden for the acrylic recipes on /mediums/paint/ and per-shade pages. |
| Schmincke Horadam and Mussini pigment data | Updated per product release | Watercolour (Horadam) and oil (Mussini) pigment data. Used as a third-source cross-check for European watercolour and oil pigment behaviour. |
| Wilton, AmeriColor, Chefmaster gel food colouring product data | Updated per product release | Gel food colour drop ratios and pigment composition for the brown food-colour recipes on /mediums/food-coloring/. Cocoa-powder method documented as a natural alternative to gel. |
| Adobe colour management and sRGB / Adobe RGB / P3 working space documentation | Per major release | Digital colour-space framing on /theory/ and the homepage RGB mode of the live mixer. Explains the gap between RYB pigment recipes and RGB screen displays. |
| Encycolorpedia and Wikipedia named-shade hex reference | Ongoing community-maintained | Cross-check for the canonical hex code of each named brown shade (e.g. chocolate = #D2691E in CSS, sienna = #A0522D, tan = #D2B48C). Where the CSS named colour and the Wikipedia entry disagree, we cite both and pick the more commonly searched value. |
In scope
- The head-term question: what colours make brown, in two-colour and three-colour mixing.
- Per-named-shade recipes for the 17 commonly-searched browns (chocolate, dark brown, light brown, tan, beige, mahogany, chestnut, sepia, taupe, coffee, burnt umber, raw umber, walnut, caramel, sienna, espresso, auburn) with hex codes and per-medium notes.
- Per-medium guidance: acrylic, oil, watercolour, gouache, pastel (general principles only), food colouring (gel and liquid, plus the cocoa-powder natural method).
- Digital colour: RGB additive mixing for screens, CMYK subtractive mixing for print, hex code conventions for web.
- The warm-versus-cool brown axis: which named shades sit warm (red-yellow dominant), which sit cool (blue-grey dominant), and what to add or subtract to move between them.
- The light-versus-dark brown axis: how white, black, and complementary darkening change a base brown.
- Complementary colour theory: why red and green, orange and blue, yellow and purple all mix to brown in subtractive pigments, and why none of those mixes work on a screen in additive RGB.
- The RYB-versus-RGB-versus-CMYK distinction, with worked examples on /theory/.
Out of scope
- Spectrophotometer-precise CIELAB Delta-E colour matching. Recipes are perceptual matches, not instrument-measured colour-difference matches. For Delta-E work, consult the CIE colorimetry standards directly or a colour-measurement instrument like the X-Rite ColorMunki.
- Pigment toxicity, conservation, or art-restoration advice. Burnt umber, raw umber, and cadmium-based pigments have specific handling considerations that are out of scope here. Consult the manufacturer safety data sheets (Golden, Winsor & Newton, Daniel Smith all publish these) before working with cadmium reds or any heavy-metal pigment.
- Automotive paint matching. Automotive paints use OEM-specific formula codes; brown automotive finishes are mixed by code at a paint shop, not from primaries.
- Textile dyeing. Fibre-reactive and acid dyes follow different chemistry; the recipes here are for pigment-based paint and food colouring, not textile dyes.
- Fluorescent, metallic, and pearlescent pigments beyond passing mention. Specialised pigments require specialised manufacturer documentation (Iriodin pearlescents, Daler-Rowney metallics, Schmincke fluorescent pigments).
- Race-essentialist skin-tone framing. Brown skin tones are a real query surface, but the responsible framing of those queries is the work of professional portrait painters and skin-tone specialists. The site stays out of that lane and points readers to Pratt Institute or LCAD skin-tone painting course materials for that work.
Calculation framework
RYB subtractive mixing formula
Brown = red + yellow + blue, in roughly equal parts for neutral, or red + yellow + small blue for warm chocolate, or red + green for a quicker complementary mix. The mixer on the homepage uses a standard subtractive averaging model with manual ratio sliders that maps RYB inputs to an approximated hex output.
RGB additive mixing formula
On a screen, brown is not mixed - it is displayed. The mixer's RGB mode shows the hex code that corresponds to whatever input ratios you set, treating the inputs as additive light. R+G in RGB makes yellow, not brown; R+G+B all at low brightness makes a dark grey-brown.
Complementary-pair-to-brown derivation
Per /theory/, each complementary pair (red+green, orange+blue, yellow+purple) absorbs the other's dominant wavelengths and reflects a low-saturation warm neutral. The result is brown. This is derived from Itten's twelve-hue wheel plus the Munsell observation that brown is desaturated low-value orange.
Hex code triangulation
Each named shade hex (e.g. #7B3F00 for chocolate brown) is triangulated across CSS named colours, the Wikipedia entry for the shade, the Encycolorpedia value, and where applicable the Pantone equivalent. Where sources disagree, we publish the more commonly searched value and flag the alternative in body copy.
Ratio-to-perceived-colour heuristics
The shade recipes give ratios as integer ratios (e.g. 2:1 red:yellow + small blue). This is deliberately imprecise - real pigment behaviour varies by brand and tinting strength, so committing to a single decimal-precision ratio would be misleading. Variations on each shade page show what +red, +blue, or +white does to the base ratio.
Refresh cadence
Quarterly review by default. A single LAST_VERIFIED_DATE constant in src/lib/schema.ts drives every freshness indicator on the site by construction. Rolling that one constant updates the footer stamp, the verified-against-primary-sources badges on /about and /methodology, the WebSite schema dateModified, and the Article schema dateModified on every content page.
Out-of-cycle refresh triggers:
- Pantone Color of the Year announcement (annual, December) - if the new colour is a brown, the relevant shade page gets updated framing.
- Major pigment-manufacturer reformulation (Golden, Winsor & Newton, Daniel Smith) on any of the named pigments referenced.
- New peer-reviewed paper from the RIT Munsell Color Science Laboratory or related colour-science venue that materially changes the framing on /theory/.
- CIE colorimetry standard revision affecting the working colour spaces used on the digital side.
- Flagged reader correction with citation.
Limitations
- Monitor calibration variance. The hex codes shown in the live mixer and on each shade page render differently on different monitors. A laptop sRGB panel and a calibrated Adobe RGB or P3 display will show the same hex as visibly different browns. For colour-critical work, calibrate the monitor or refer to printed Pantone or Munsell physical references.
- Pigment brand variation. Burnt sienna from Winsor & Newton, Daniel Smith, and Golden are three different pigments with three different behaviours (W&N uses PR101 + PBr7, Daniel Smith uses pure PBr7 from Italian earth, Golden uses a Quinacridone-based synthesis). The recipes treat "burnt sienna" as a category; the specific brand-and-batch outcome will differ.
- Surface absorbency. Watercolour paper sizing, canvas gesso preparation, and food substrate moisture all affect how the mixed brown reads. The same chocolate brown on Arches cold press versus Saunders Waterford behaves visibly differently.
- Lighting metamerism. A brown that looks correct under D65 daylight may look warm and muddy under tungsten incandescent or cool and grey under fluorescent. The mixer cannot account for viewing illuminant; consider the final viewing conditions when judging a mixed brown.
- Watercolour drying shift. Watercolour browns appear 15-25% lighter when dry than when wet. Acrylics appear 10-20% darker when dry. The recipes target final-state appearance, but in-process judgments require an experience-based correction.
Corrections process
Found a recipe that does not match how your pigments behave? Spotted a hex code that conflicts with a cited source? Email Oliver via the digitalsignet.com contact form. Include the page URL, the specific claim, and a citation for the corrected value. We acknowledge within 24 hours and ship the correction (or open a discussion if the source disagreement is non-trivial) within five business days. We do not publish reader names or contact details.