Week 30 · Human Interaction Psychology

Would You Trust
A Red Bank?

Same balance. Same button. Only the hue changes. Faber Birren spent forty years arguing that if you cannot say what a colour’s job is and how you would measure it working, you are describing a feeling, not making a design decision.

Part I

You Set The Palette

Birren’s clearest statement of method, from Color for Interiors (1963): brightness first, hue second, decoration last, and only if there is room.

Below is one fixed banking screen — a balance, a Transfer button, a low-balance alert. The alert stays fixed; it is a status colour, and Rule 5 of the manual’s system says status colours are a closed set, not yours to spend. The Transfer button is yours. Move Hue and Saturation and read two very different kinds of number off the same swatch.

The trust dial

Same screen, your palette

Available balance

$12,480.32

Low balance — auto-pay due Friday

#2D52A9

Convention match: 100%; Modelled · hue only
Arousal index: 36%; Modelled · hue + saturation
Button contrast: 7.26:1; Measured · passes AA 4.5:1
Distance from alert: 142°; Clear of the alert colour

“Convention match” and “Arousal index” are modelled for this page, not measured psychology — formulas in colorMath.ts. “Button contrast” is the real WCAG relative-luminance formula run on the actual button colour against white text; it is a fact about these pixels, not a simulation.

Hue222°

Saturation58%

MutedSaturated

One of those readouts is invented for this page and says so. The other is arithmetic anyone can redo: sRGB to linear light, weighted by the eye’s sensitivity to red, green and blue, compared against white text. That is the entire content of WCAG’s relative-luminance formula — not a metaphor for legibility, the actual definition of it.

Part II

Four Tiers Of Evidence

Colour-in-context theory’s governing claim, per Andrew Elliot’s 2015 review: there is no colour meaning, only colour-in-situation meaning. Blue on a prize ribbon and blue on a piece of meat are not the same signal.

Before the numbers, commit to an answer.

Predict

A banking app ships with either a blue or a red primary colour. Which would you trust with your paycheck?

The manual grades every colour claim on a four-tier ladder before it is allowed near a decision. Tier 1, perceptual fact: luminance drives legibility, and a red surround genuinely shifts the perceived saturation of what sits inside it (this is why Birren’s blue-green meat-cooler backdrop worked; nothing about it is folklore). Tier 2, learned convention, verified per market: red-stop in the West, red-up in East Asian markets, blue-as-institution where blue already carries positive local associations. Tier 3, context-dependent effects with real but fragile support: Mehta and Zhu’s 2009 finding that a full red background aided detail work and a full blue background aided creative work — six studies, undergraduate samples of 42 to 208, effect sizes in the exact range that has replicated poorly across psychology since. Tier 4, universal hue-to-emotion claims: “blue increases trust,” “red creates urgency.” Do not build on these. There is usually no primary source behind them at all.

Part III

The Dial Behind The Word

“Red” is doing less work than it gets credit for. The manual’s own case: the DuPont/NSC 1944 safety code reserved fire red for exactly one job precisely because the rest of the plant stayed low-chroma — the alarm works in proportion to how rare it is, not because red itself is loud. Four dials below, on one patch of colour: hue, saturation, lightness, and context. Only the fourth changes nothing about the pixels.

Hue · saturation · lightness · context

Four dials, one patch of colour

Reads as: Loud / urgent; Modelled · saturation + lightness only, hue held fixed
Shown as: A plain swatch; The pixels below are unchanged
Hex: #D1261A

“Reads as” ignores hue on purpose — it is driven only by saturation and lightness, to isolate the dossier’s claim (Part 2.6): the alarm works because it is rare and saturated, not because it is red. Push Saturation down with Hue left at a true red and the label still resolves to calm.

Hue4°

Saturation78%

MutedSaturated

Lightness46%

DarkLight

Context

Try this exact test: set Hue to a true red (0–10°) and drag Saturation down past 20%. The “Reads as” label resolves to calm before the hue does anything — because the label is built from saturation and lightness alone. Chroma is the alarm’s real ingredient.

Part IV

One Card, Six Industries

The straight line from Birren’s war work is structural, not chromatic: DuPont/NSC 1944 to the 1945 American War Standard to ANSI Z53.1 to ANSI Z535.1 to operating-system semantic colours to the success/warning/danger/info set in nearly every modern design system. What survived is a closed set with assigned, documented, non-overlapping jobs — not any particular hex value.

Scrub across categories below. The card never changes shape — only its one accent colour does, matched to what that industry actually ships.

Generic app · Banking

60–65% of German and Jordanian bank logos cluster in blue (Gross, 2019).

Same Hex, Three Jobs

One exact colour value, dropped into three roles a real interface actually uses.

Switch the role below. Nothing about the colour changes — only what it is asked to mean.

Same hex, three jobs

#C52B20

Verve

Same colour, shown as

The hex above never changes — only the frame around it does. Elliot & Maier’s colour-in-context account uses blue on a prize ribbon versus blue on a piece of meat to make exactly this point (dossier Part 6.1); this is the same mechanism run on red, built for this page rather than drawn from a cited study.

Challenge · Delete account

Open

Delete account currently reads as a muted green button — nothing about it says alarm, and its contrast has not been checked. Recolour it so it is unmistakably the alarm and measurably passes AA contrast.

Hue150°

Saturation18%

MutedSaturated

Reads as the alarm — 146° from alarm red — needs ≤ 20°
Not washed out — 18% saturation — needs ≥ 45%
Passes AA contrast — 4.05:1 against white text — needs ≥ 4.5:1

All three checks below the button must read true at once: the hue, the saturation, and the measured contrast ratio.

Insight

Blue did not make you trust the bank. The bank made you trust blue.

Sixty to sixty-five percent of bank logos in two very different countries cluster in blue, and forty-six percent of Chinese bank logos are red, and both facts are the same finding: colour semantics are a protocol, learned and locally inherited, not a wavelength with a fixed effect on the nervous system. That is also why blue in fintech is simultaneously the safest choice available and the least differentiating one — every institution using it makes the next one pay more to deviate. Birren’s whole authority came from refusing that shortcut: state the job, check the population, measure the result. The hue was always the last thing he specified.

Mental model

Whenever a colour choice gets justified by how it feels,

look for the job it is supposed to do, the convention your users already carry, and a number you can measure afterward,

because conventions are checkable per market and contrast is checkable per pixel, and neither depends on anyone's colour intuition being calibrated.

Tomorrowrun your own primary action's text through the relative-luminance formula against its background. If it is under 4.5:1, you already know the fix, and now you know it is arithmetic, not taste.

End of experience

← Back to the constellation

Would You TrustA Red Bank?

You Set The Palette

Four Tiers Of Evidence

The Dial Behind The Word

One Card, Six Industries

Same Hex, Three Jobs

Where this idea goes next

Would You TrustA Red Bank?

You Set The Palette

Four Tiers Of Evidence

The Dial Behind The Word

One Card, Six Industries

Same Hex, Three Jobs

Would You Trust
A Red Bank?

Would You Trust
A Red Bank?