The color occupying the larger area in a composition acts as background; the smaller area advances — and these roles can reverse as area proportions shift

Spatial depth in a composition is partly governed by relative area: the dominant (larger) color becomes background, and the subordinate (smaller) area appears to advance. However this relationship is not fixed. As the smaller color grows and encroaches on the larger, a tipping point is reached where the former background becomes the figure and advances, while the former figure retreats to background. Diagonal placement of colors reinforces spatial depth by pointing in depth directions simultaneously. Location within the field also matters: a color at the bottom of a composition reads differently (weightier, more grounded) than the same color at top. These combined effects mean spatial relationships in a composition must be assessed as a whole system, not component by component.

Examples

In GLSL: map amplitude to the area of a saturated yellow patch on a violet background. At small area, yellow advances; at large area, violet emerges as figure-on-yellow-background. The advance/recession roles flip at approximately 50% area.

Assessment

Predict what happens to the spatial roles of red and yellow in a composition as the yellow area grows from 10% to 60%. At what point do their spatial roles reverse, and what principle governs the tipping point?