Simultaneous Contrast
The phenomenon where a color appears to shift in hue, saturation, or lightness depending on the colors surrounding it.
What it means
Simultaneous contrast is a visual illusion: your brain exaggerates the difference between adjacent colors. A medium gray square looks darker on a white background and lighter on a black background — even though the gray hasn't changed. The effect applies to hue and saturation too: a neutral gray can appear to have a pink tint when surrounded by green.
The effect is driven by lateral inhibition in your retina — neighboring photoreceptors suppress each other, amplifying perceived differences at boundaries.
Why it matters in palette design
Simultaneous contrast means that a color's appearance isn't fixed — it shifts depending on context. A gray that looks perfectly neutral in your design tool may appear warm or cool in the actual UI, depending on surrounding surfaces. Dark mode introduces entirely different contrast relationships. Testing colors in their actual context, not in isolation, is essential.
Example
A light gray divider (#D4D4D4) looks subtly blue when placed between two warm orange sections, because your eye exaggerates the temperature difference. The same divider appears warm between two cool blue sections. The hex hasn't changed — only the context.
Learn more
Apply this to your palette
Open PerfectPalette and put these concepts into practice with your own colors.