Relationships

Analogous colors

Colors that are in close proximity on a color wheel (similar hue).

Color wheel with orange, yellow-green, and red circles displayed in close proximity

How it affects UI design

Analogous colors can be used to create dynamic color scales and combat the Abney effect or simulate the Bezold–Brücke shift.

Analogous colors can be used as secondary, supporting colors in a UI color palette for a high degree of harmony and unity.

Choosing analogous colors at a higher distance on the color wheel can produce greater interest in color scheme.

Hue is treated differently between color spaces, which can affect which colors are considered to be analogous.

Sources:

  1. Linda Holtzschue (2017). Understanding color: an introduction for designers. 5th edition. John Wiley & Sons, Inc. Pages 73, 221
  2. Mary Stewart (2006). Launching the imagination: a comprehensive guide to basic design. 2nd edition. McGraw-Hill. Pages 62
  3. Juliette Aristides (2008). Classical painting atelier: a contemporary guide to traditional studio practice. Watson-Guptill Publications. Pages 81
  4. Bruce MacEvoy. Color harmony & color design. Handprint.com. https://www.handprint.com/HP/WCL/tech13.html