Summary  
This chapter covers programmatic techniques for evaluating and adjusting color contrast and harmony—such as calculating contrast ratios, blending with complementary hues to reduce intensity, and selecting analogous or complementary color schemes—to ensure legible, balanced visuals.  

General domain of usage  
User interface design

**Legibility** is how easily text or visuals can be read or understood. **Lighting**, **background**, **size**, and **contrast** all affect how readable something is. Designers use contrast to grab attention and harmony to create smooth visuals. Complementary colors can create contrast, but too much can be harsh. Analogous colors offer natural harmony.
 
You can always check your contrast online to make sure your text is readable, and Adobe offers such a thing. Here's a <a href="https://colour.adobe.com/create/color-contrast-analyzer" target="_blank"><svg width="1em" height="1em" viewBox="0 0 30 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M17.289 17.305v0c-1.754 1.754-4.597 1.754-6.351 0l-7.76-7.759c-1.755-1.755-1.755-4.601 0-6.356v0c1.753-1.753 4.595-1.756 6.351-0.005l6.208 6.187"></path><path fill="none" stroke="#098f67" style="stroke: var(--color1, #098f67)" stroke-linejoin="miter" stroke-linecap="round" stroke-miterlimit="4" stroke-width="2.4156" d="M12.504 13.97v0c1.754-1.754 4.597-1.754 6.351 0l7.762 7.762c1.754 1.754 1.754 4.597 0 6.351v0c-1.754 1.754-4.597 1.754-6.351 0l-5.953-5.953"></path></svg> link</a> to their contrast checker.

Why might white text on a yellow background be hard to read?

Which term refers to colors that sit next to each other on the color wheel?

Design shapes how people see, understand, and interact with the world. This learning path introduces the foundations needed to create clear, engaging, and meaningful visuals. From the basics of layout and structure to the nuances of typography and color, every element works together to communicate effectively. Along the way, you’ll discover how psychology, perception, and creative principles influence design decisions. By the end, you’ll have the tools to craft work that is both visually appealing and purpose-driven.

Explore what design means, why it matters, and the impact it has on communication and problem-solving. Learn how different types of design shape experiences across fields, from digital products to print. Discover the role of research in guiding creative decisions and ensuring solutions meet user needs effectively.

Understand how lines, shapes, and forms structure visual layouts. Discover the importance of size, space, and format in creating balance. Learn how photography and illustrations contribute to storytelling, and apply Gestalt principles to guide perception, helping viewers connect elements into a cohesive and engaging whole.

Master the building blocks of strong design. Explore emphasis, balance, contrast, repetition, and proportion to create harmony and clarity. Learn how rhythm, movement, pattern, and hierarchy guide attention, while white space and variety bring breathing room and energy. Discover how unity ties everything together for impact.

Dive into typography as a core element of design. Study type anatomy, spacing, and readability to improve communication. Learn how to select typefaces that match tone and purpose, and explore typographic hierarchy to establish order and meaning. Typography becomes a powerful tool to shape both style and clarity.

Discover the language and systems of color, including RGB, CMYK, and Pantone. Explore color theory and harmony to create visually balanced work. Learn how contrast affects legibility, how color spaces define consistency across media, and how the psychology of colors influences emotions, branding, and perception.

Color Legibility and Harmony

1. Why might white text on a yellow background be hard to read?

2. Which term refers to colors that sit next to each other on the color wheel?