Simultaneous Contrast and Colour Interaction | Writ In Light | Writ In Light

Colour Lesson IX

Simultaneous Contrast: colour is a neighbour’s opinion

In order to use color effectively it is necessary to recognize that color deceives continually.

Josef Albers • Interaction of Color

Lesson VIII showed the brain compensating for changes in illumination, holding colour steady as the light shifts from noon to golden hour. This lesson turns the problem sideways. The light stays the same. The surface stays the same. But a change in the neighbouring colour rewrites what the enclosed colour appears to be.

The mechanism is related: the brain reads ratios and edges, as retinex proposed. But the trigger here is not a lamp changing over time. It is a border changing in space.

The dyer’s complaint

In 1824, Michel-Eugène Chevreul was appointed director of dyeing at the Gobelins tapestry manufactory in Paris. The weavers brought him a complaint. Certain black threads looked wrong once woven into the tapestry, even though the dyes were chemically identical to batches that had worked before. The black beside blue looked different from the black beside brown . The problem, they insisted, was in the dye vats.

Chevreul tested the dyes and found nothing wrong. The chemistry was sound. The problem was not in the thread. It was in the eye.

He spent the next fifteen years investigating what he would call simultaneous contrast : the phenomenon by which two adjacent colours mutually alter each other’s appearance. His 1839 treatise, The Principles of Harmony and Contrast of Colours, codified the principle as Chevreul's law .

Two adjacent colours, when seen by the eye, will appear as dissimilar as possible, both in their optical composition and in the height of their tone.

Michel-Eugène Chevreul • The Principles of Harmony and Contrast of Colours

The dyers were not failing. They were discovering that colour is not a property of a surface alone. It is a property of a surface and its neighbours, perceived together.

The same mid-grey (#808080) on a red field. The grey takes a faint greenish cast.
The same mid-grey (#808080) on a red field. The grey takes a faint greenish cast.
The same mid-grey (#808080) on a blue field. The grey drifts toward yellow-orange.
The same mid-grey (#808080) on a blue field. The grey drifts toward yellow-orange.

The law stated

The principle, stripped to its core: when two colours sit side by side, each pushes the other toward its own complement.

Place a neutral grey square on a field of strong red . The grey takes on a faint greenish cast. Place the same grey on blue , and it drifts toward yellow . Place it on yellow , and it leans violet . The hex value has not moved. The shift is entirely perceptual.

The effect is strongest at the boundary between the two regions and weakens with distance. It operates on hue (each colour inducing its complement), on value (a light surround darkens the enclosed area, a dark surround lightens it), and on chroma (a vivid surround dulls the centre, a muted surround intensifies it).

Simultaneous contrast is not what the surface does. It is what the surround makes the eye believe.

Red surround

Grey (neutral)

Perceived cast

Chevreul’s great insight was that this is not an illusion to be corrected. It is a fundamental property of how the visual system processes colour. Any theory of colour that ignores the surround is incomplete.

Albers and the paper squares

A century after Chevreul, Josef Albers built an entire pedagogy around the same observation. At the Bauhaus and later at Yale, he stripped the principle down to its cleanest form.

The exercise: take a single sheet of coloured paper. Cut two identical small squares from it. Place one on a warm background and the other on a cool background. The two squares are physically the same. They are cut from the same sheet. Yet they appear as two different colours.

We do not see colors as they physically are. In our perception they alter one another.

Josef Albers • Interaction of Color

Albers did not spend much time explaining why this happens. His interest was in training the eye to see that it happens. The exercise teaches doubt: your first reading of a colour is always contaminated by what surrounds it. The only way to verify is to isolate, and even then, isolation is just another context.

One colour, made to appear as two. Albers' exercise does not teach theory. It teaches doubt.

Interaction of Color (1963) built outward from this single exercise into an entire vocabulary of colour relationships: making two colours look alike, making one colour appear as three, producing the illusion of transparency, reversing the apparent light and dark in a pair. Every exercise starts from the same premise. Colour is not what is there. Colour is what is there, relative to what is beside it.

What the eye is doing

The perceptual mechanism behind simultaneous contrast begins at the retina.

Neurons in the visual system do not simply report the light at a single point. They compare the signal at the centre of their receptive field to the signal in the surrounding area. This architecture, called lateral inhibition , sharpens edges and amplifies differences. When a grey region sits inside a red surround, the red stimulates the long-wavelength (L) cones heavily. The inhibitory surround suppresses L-cone response in the grey region, leaving the medium-wavelength signal relatively stronger. The result: the grey drifts toward green , the complement of the suppressed hue.

Higher in the visual cortex, the same comparison logic operates at larger scales and with more sophistication. The brain is not merely sharpening edges. It is building a map of reflectances, just as Land’s retinex theory proposed in Lesson VIII. Retinex says the brain reads edges and computes ratios. Simultaneous contrast is what happens when those ratios encounter a strong, uniform surround: the ratio at the border dominates, and the interior colour is pulled along.

The brain does not measure colour at a point. It measures colour across a border. Change the neighbour, and you change the measurement.

This is why the effect is strongest at the boundary. The further a region is from the edge, the weaker the surround’s influence. In large, uniform fields, the centre can approach something closer to the “true” colour. But at the scale of woven threads, UI elements, and painted brushstrokes, almost everything is boundary.

The grocery store trick

Chevreul’s tapestry workshop has been relocated. It now operates under fluorescent lights, between the dairy case and the bakery.

Walk into the produce section of any well-designed supermarket and look at the tomatoes. They sit in green bins, or on green shelf liners, or against green artificial turf. Simultaneous contrast pushes the red of the tomatoes further from green and toward a more vivid, saturated red. The tomatoes look riper than they would on a neutral surface.

The trick extends beyond bins. Lemons are sold in orange mesh netting. The orange surround pushes the yellow deeper, making the fruit look more intensely golden. Onions come in red mesh bags that warm up their skin tone. The overhead lighting in produce aisles is often slightly cool, which provides a complementary boost to warm-coloured fruit across the entire display.

None of this changes the fruit. All of it changes the perception.

The produce aisle is a simultaneous contrast laboratory. The green bins are not decoration. They are persuasion.

Chevreul would have recognised the strategy instantly. The Gobelins weavers wanted to eliminate the effect. The grocery store embraces it.

Simultaneous contrast in screens and UI

The same principle operates on every pixel of every screen.

Take #808080 , a perfect middle grey. Place it on a dark navy background, and it appears relatively light, slightly warm. Place the same #808080 on a warm cream background, and it looks darker, cooler, denser. The hex value is identical. The perceived colour is not.

For interface designers, this means that a design token tested in isolation (a swatch on a neutral artboard) may not behave the way it reads in context. A warning yellow on a white card and the same yellow on a dark sidebar are the same token but two different experiences. The yellow on white loses urgency. The yellow on dark gains it.

WCAG contrast ratios address luminance difference, which matters for legibility. But they do not capture the hue and chroma shifts that simultaneous contrast introduces. A colour pair can pass the contrast threshold and still feel wrong because the surround is pulling the foreground hue in an unexpected direction.

The same hex value is not the same colour. Context is not optional in digital design; it is the design.

This is why design systems that rely on isolated swatches can mislead. The only honest test of a colour is the test that includes its neighbours.

Closing thought

Lesson VIII: the illuminant changes, and the brain holds colour steady. Lesson IX: the illuminant holds steady, and the neighbour changes the colour anyway.

Both lessons point to the same truth. The visual system never reports colour in isolation. It reports relationships: ratios across edges, differences across borders, context folded into every signal before it reaches conscious awareness.

Colour has no fixed identity. It is a negotiation between surface and surround, and the surround always has a vote.

The neighbour changes the vote. But what happens when the neighbour leaves, and the eye still carries its ghost? That is the afterimage, and it is where we go next.

References

    • Josef Albers, Interaction of Color (1963) - Michel-Eugène Chevreul, The Principles of Harmony and Contrast of Colours (1839) - Ogden Rood, Modern Chromatics (1879) - Edwin Land, “The Retinex Theory of Color Vision,” Scientific American (1977) - David Briggs, huevaluechroma.com - Bruce MacEvoy, handprint.com