Types of contrast
Simultaneous contrast occurs when colors sit side by side; successive contrast (afterimages) occurs when you look at one color after another. Simultaneous contrast includes value contrast (the same gray looks lighter on black than on white), hue contrast (red looks yellower on orange), saturation contrast (a vivid color pops next to a dull one), complementary contrast (red and cyan intensify each other), and extension contrast (larger areas feel stronger).
Research and design use
Chemist Michel Eugène Chevreul, working at the Gobelins tapestry works, realized complaints about dull dyes were really caused by neighboring colors, and his 1839 law of simultaneous contrast influenced the Impressionists and pointillism. Josef Albers's Interaction of Color showed that color is always perceived in relation. Designers use contrast for emphasis, legibility, and hierarchy; the WCAG recommends a contrast ratio of at least 4.5:1 for body text. Contrast pairs naturally with color harmony theory.
FAQ
- Why do complementary afterimages appear?
- Cones tuned to one color tire after long viewing, so a white area looks like the opposite color.
- How do I check contrast?
- Use an online contrast checker that calculates the ratio from hex codes.
Sources reviewed: 2026-10-26
References
- Chevreul, M. E. (1839). De la loi du contraste simultané des couleurs. Paris: Pitois-Levrault.
- Albers, J. (1963). Interaction of Color. Yale University Press.
- W3C. (2018). Web Content Accessibility Guidelines (WCAG) 2.1.