Three-Way Color in a Donut Visualization

Creating a classic triad harmony with Adobe Color

Theresa-Marie Rhyne
Nightingale

--

Today, I discuss how to apply the Triad or Triadic Color Harmony to data visualizations. This harmony uses three colors that are evenly spaced around the Color Wheel. Successful use of a Triad color harmony involves balancing the resulting three vibrant color elements.

I will start by using the Adobe Color web app to create a specific Triad color theme. This follows with the use of the recently added Adobe Color “accessibility tools”, designed to address individuals with limited color vision. From there, the triad color theme is applied to a Donut visualization example. To be extra careful in addressing color deficiencies, I run the Donut Visualization through the Color Blindness Simulator, Coblis. Let’s begin our journey by reviewing color harmony fundamentals.

Reviewing Color Harmony Concepts

Red Green Blue (RGB) Color Wheel
Red Green Blue (RGB) Color Wheel.

As noted in my earlier Nightingale article on Colorizing a Visualization, color harmony is the process of choosing colors on a Color Wheel that work well together in the composition of an image. Isaac Newton is credited with creating the…

--

--

Theresa-Marie Rhyne
Nightingale

Theresa-Marie Rhyne is a color expert. Her book on “Applying Color Theory to Digital Media and Visualization” was published by CRC Press in 2016.