Chevreul Simultaneous Contrast Wheel

Discover how colors change based on their background

#F0D175

HSL 45° 80% 70%

Quick Themes

One click sets both color and background palette.

Adjust Color

45°

80%

70%

Color Harmonies

Click any swatch to copy hex

Primary

Complementary

Analogous

Triadic

Split-Comp

How Your Color Appears on Different Backgrounds

Your selected color is shown as text on each background — exactly what WCAG contrast measures. Click any card to copy its background hex.

Background:

Sample text:

Data Source: The Principles of Harmony and Contrast of Colors (Chevreul, 1839) • Public domain • Solo-developed with AI

Find Color Theory Tools on Amazon

As an Amazon Associate, I earn from qualifying purchases.

🎯 A Simple Example: Designing a High-Contrast CTA Button

You're designing a "Buy Now" button for a vintage-style website with a sepia-toned background. You want the button to grab attention without looking modern or jarring. Let's find the perfect complementary accent:

Just do this:

1️⃣ Select the "Vintage" background preset to load the sepia environment

2️⃣ Adjust the Hue slider until you find a warm base color (try 45° for a golden yellow)

3️⃣ Look at the Complementary swatch—it reveals a deep, rich blue (#B2C6E6)

4️⃣ Scroll down to the "How Your Color Appears" section to see your selection against various dark and light tones

5️⃣ Click the "Complement" swatch to copy the hex code and use it for your button!

Pro tip: Notice how the same yellow looks much more "vibrant" on the black background than on the white one. This is Chevreul's simultaneous contrast in action!

Lab Notes

Understanding Simultaneous Contrast: A Color Theory Masterclass

The Gobelins Mystery: In 1839, French chemist Michel Eugène Chevreul published The Principles of Harmony and Contrast of Colors, forever changing how we understand color perception. While working at the Gobelins tapestry factory in Paris, Chevreul noticed something troubling: colors that looked perfect in dye vats appeared dull or incorrect when woven next to other colors. He didn't have a defective dye supply—he had discovered simultaneous contrast. Talk about a mess!

The Breakthrough of Context: Chevreul's breakthrough was understanding that a color never appears in isolation. Our eyes involuntarily compare every color to its surroundings, and our brains adjust perception accordingly. Place a gray square on black, and it appears lighter. Place the same gray on white, and it appears darker. A muted orange surrounded by blue seems to glow. This is not a flaw in perception; it's how human vision actually works—it is relative rather than absolute.

Modern Strategy for Creators: For 185 years, Chevreul's principle has been the foundation of color theory in every creative field. Graphic designers use it to make logos pop. Interior designers use it to select paint colors. Yet most people work with color instinctively, unaware of the science behind their choices. This calculator lets you experience simultaneous contrast directly, showing you in real-time how your chosen palette will actually be perceived by the human eye.

Bridging Tapestries to Pixels: Chevreul's findings were based on 19th-century tapestry research—yet his laws of color perception remain unchanged. Human eyes in 2026 perceive color relationships identically to eyes in 1839. This tool takes that historical knowledge and applies it to digital design. Whether you're tracking Jupiter's cloud bands or designing a high-conversion landing page, knowing the limits of your optics is the difference between a frustrating design and a life-changing visual experience.

🐾 From the Lab Cat's Desk: I have observed humans stare at small glowing rectangles discussing whether colors "clash" or "harmonize." What they don't realize is that I see entirely different colors than you do—my eyes are optimized for motion, not hue. Yet I find their concern oddly relatable. A mouse appears differently depending on whether it's against grass or snow. Perception is context. Chevreul understood this. Humans are just now learning what predators have always known. ✨

In short: These tools are for education and curiosity only. Always verify information independently and consult professionals before making important decisions.

Riatto.ovh © 2025 – 2026. Designed and maintained by a solo developer with AI.

Privacy Policy

Also by us: Purr.ovh · Snackword.ovh · Substack