Get to Know a Color! Orange is Controversial

The color orange elicits strong reactions. For instance, it makes the Syracuse University mascot smile (though he does not have much to smile about at the moment) and it surprises prop comedian Carrot Top.

The website Sensational Color proclaims that orange “sparks more controversy than any other hue,” and that it “elicits a stronger ‘love it’ or ‘hate it’ response than other colors.” I learned this firsthand early on in my design career, when I used bright orange in one project and was thereafter known to some of my orange-hating coworkers as “Mr. Orange,” “that guy who uses orange all the time,” or “fat idiot.”

A combination of primary colors red and yellow, orange is a secondary color. It’s warm, so most color theory sources agree that orange is an upbeat, high-energy color and a stimulant of everything from appetite to brain activity. The website Color Wheel Pro says that “orange increases oxygen supply to the brain” and is “highly accepted by young people.” (I’m not sure what they mean by “young people,” but my orange-haired four-year-old daughter likes orange, and she does not shy away from controversy.)

According to Wikipedia, the name of the color comes from the name of the fruit, and “the first recorded use of orange as a color name in English was in 1512, in the court of King Henry VIII.” (Also according to Wikipedia, George Clooney is president of the United States and William Shakespeare was born in 1927 and was raised by a family of squirrels, so take that with a grain of salt.)

In various cultures, according to Sensational Color, orange is accociated with happiness and love (China and Japan), family (Native American), gluttony (Christianity), and Tang (USA). (Okay, that last part wasn’t in that article, but you know it’s true.) Bright, citrus-like orange is associated with spring and summer, while darker orange is associated with fall.

Speaking of controversy, even though the Dutch flag is red, white, and blue, orange is considered the color of Dutch national pride (not to mention their soccer team, the Oranje). Why? Because orange is the color of the Dutch royal family, which “hails from the House of Orange,” according to the article “Why the Dutch Wear Orange” on the website Dutch Amsterdam. In fact, the Dutch celebrate Queen’s Day every April 30 by singing, “Oranje boven, oranje boven, leve the Koningin!” (Orange on top, orange on top, long live the Queen!), presumably while waving red, white, and blue flags.

Another interesting fact about orange is that every single time I have ever heard the soon-to-be-defunct color-coded terror threat level announced in an airport, it has been orange.

In design, orange can be used to attract attention without being as alarming as red or as oppressively cheery as yellow, but if you use it, be prepared to deal with the orange haters.

Orange is often used with its complement, blue, to create a bold, vibrant color palette, which is why you often see this combination in the uniforms of sports teams, such as the Denver Broncos football team, the stupid New York Mets baseball team (who, if they never win another game ever, it would be fine with me), and countless college and university athletic programs. This striking, blue-orange palette is frequently used in aquariums to draw out the color of the particular species of jellyfish pictured here. The photo above is from the Vancouver Aquarium in Canada, but it’s no accident that you see this blue used in this sort of display in many aquariums.

As with other warm colors, it’s easy to overuse orange. Because of its brightness, pure orange is best used as a highlight color, especially online. The website examples above mitigate the offensive effects of orange by using a light, peachy tint (Pampaneo) or using it at full saturation, but sparingly (Glue). (These examples are borrowed from the article “24 Examples of Orange Websites” on the website Inspiredology.)

Also easy to overuse is this joke: Knock knock. Who’s there? Banana. Banana who? Knock knock. Who’s there? Banana. Banana who? Knock knock. Who’s there? Orange. Orange who? Orange ya glad I didn’t say banana?

Finally, orange is high in Vitamin C, which prevents scurvy, and that’s something we can all agree on.

Also in this series (so far): Red, Blue, Yellow, Purple.
Photos courtesy The Sports Bank and ABC.

Get to Know a Color! Purple is a Snooty Misfit

Purple is a fence-sitter, and needs to make up its mind on a few things. As a combination of red and blue, it’s neither warm nor cool (though unlike us, it’s considered cool in most instances). Alternatively, as a combination of red and blue, purple is simultaneously warm and cool. However you look at it, purple is hard to pin down.

Further, some people aren’t even sure if purple is one color or two. Isaac Newton’s original list of seven pure spectral hues included violet and indigo (violet leans toward red, indigo towards blue). Most people who are not Isaac Newton or do not work for Crayola, however, consider everything between blue and red on the color wheel purple.

Not only is purple hard to categorize or even name, it can be a little full of itself. In many cultures, it’s the color of nobility and royalty (well, la-dee-da!). It’s associated with magic, mystery, and spirituality. According to an article on About.com, “Purple has a special, almost sacred place in nature: lavender, orchid, lilac, and violet flowers are often delicate and considered precious.” Precious indeed. And as if that’s not enough to stroke purple’s ego, hue number 18-3943 (called “Blue Iris,” but really it’s purple) was named Pantone’s color of the year in 2008.

While purple does tend to look down its nose at the world, it is redeemed (somewhat) by its association with one of the all-time-great children’s books, Harold and the Purple Crayon.

Along with orange and green, it’s a secondary color. Used with its complement, yellow, purple creates a bold, high-frequency palette (as with the uniforms and logo of the extra-annoying Los Angeles Lakers basketball team). Used with blue or red, it creates a more subtle analogous palette.

On the color spectrum, purple (or violet, or whatever) lies at the very shortest frequency of wavelengths visible to human eye (measured in the chart here in nanometers). Go any lower on that spectrum beyond the visible frequencies and you get ultraviolet light, which, like this blog, can cause skin irritation if you don’t protect yourself. (Go past red on the other end of the visible spectrum and you get infrared light.)

As with all colors, purple has varied and sometimes contradictory associations in different cultures. In the US military, the Purple Heart recognizes the courage of wounded personnel. According to the article All About the Color Purple on the website Sensational Color, purple is worn by Catholic priests (sometimes), Thai widows, Minnesota Vikings, and Ukrainian eggs. It’s the color of wealth and status in Japan, and virtue and faith in Egypt.

Purple is not commonly used in logo design, so it was kind of big news in nerd/geek circles a couple years ago when Yahoo changed its mark from red to purple. (I think everyone remembers where they were when they first heard that news in June 2008.)

For designers, purple’s schizofrenic, warm/cool nature offers the opportunity to create a rich palette based just on this one color. The combination of warm purple (trending toward violet or magenta) with cool purple (trending toward indigo or very dark blue) makes effective use of just a small portion of the color wheel while still featuring enough contrast to be interesting.

Used creatively and appropriately, purple can be striking and powerful. Just don’t tell it I said so or it’ll get an even bigger head than it already has.

Play-Doh flower photo by Alex Bruda. Purple texture image by Ali Farid.

Accepting Limitations

My wife Sheila usually reads these posts before they go live. She always makes some useful comment along the lines of, “People actually read this?” or “Why would somebody read this?” (I’m paraphrasing. Sheila uses a lot of profanity, so quoting her directly in a professional blog is nearly impossible.) She read the post below and summed it up with, “When I read it a second time and skipped over all of the [expletive deleted] baseball stuff, I [expletive deleted] liked it.”

So, in order to make this post accessible to the baseball-impaired, I have set all comments related to baseball in red. If you are like my wife (potty mouth!), then you’ll want to skip those parts. If, like most of our readers, you are here exclusively for comments about baseball, then you’ll want to read only those parts. Here goes:

I try to be a fun guy. I socialize. I tell stupid jokes. I play softball. But at two recent Interpretation By Design workshops for interpreters new to graphic design, I found myself saying something that makes me feel like a boring curmudgeon: “Stop centering everything!” Okay, that actually wasn’t it. Here’s what I really said:

Being a good graphic designer means restricting yourself. (Not physically, of course. That would make it hard to work the mouse.)

Sometimes accepting limitations means accepting that you don’t have the skills or ability to do something—like an American League manager trying to manage a baseball game in a National League park (“What is this bunt thing people keep talking about? You mean my players have to play offense and defense?”). That’s not what I’m talking about. And I don’t mean restrictions like the countless obstacles to me becoming People magazine’s sexiest man alive in 2011.

I’m thinking about limitations as a positive—the decisions designers make to reduce visual clutter.

One of the most important things to learn about graphic design is how and why to impose restrictions on the decision-making process. Much like interpreters have to learn not to tell visitors everything they know about a certain subject in a half-hour program, designers have to learn not to use every font in the pull-down menu or every color in the color wheel. Only after learning how to impose these limitations on their work can designers learn to effectively break the rules. (Like an American League manager trying to make a double switch: They don’t have to do it, but they should at least know what it is.)

Two weeks ago, Friend of IBD Uber IBD Reader Jeff Miller, CIT, CIG, asked in a comment what we considered the five most successful logos ever. While I didn’t answer the question exactly, I responded that the most successful logos are so simple they seem obvious. The Nike swoosh springs to mind, and Coca-Cola’s white script on a red background fizzes in my brain. Many other examples of great visual communication are extremely simple. The classic, self-effacing Volkswagen Beetle ads from the 1960s and ’70s (like the one pictured at the top of this post) made use of a consistent, uncomplicated composition and plenty of white space. Saul Bass’s iconic movie title sequences (like the one for Psycho above) feature lineart imagery and simple color palettes.

These simple designs did not happen by accident, and creating them was not easy. (You know what is easy? Handing an American League umpire a lineup of 10 guys, then hitting the buffet in the locker room for five hours while your baseball team plays a game that barely even needs a manager.) The examples above are all instances where designers committed to a set of restrictions in the name of establishing a consistent look and an identity. To create powerful yet simple visual communication like the examples mentioned above requires an understanding of nuance and detail—much like managing a National League baseball team.

For interpreters, design decisions should reinforce the interpretive themes of your site or organization. Is your typeface classical or modern? And how does that relate to your theme? Are you using photos or illustrations? Is your color palette bold or subtle? And when you put it all together, are your most important visual elements—that top level of visual hierarchy—the ones that really drive the message home?

One of my favorite authors, Douglas Adams, once said, “Writing is easy. You only need to stare at a piece of blank paper until your forehead bleeds.” Well, graphic design might be the opposite. Sometimes, once you get everything on the page, the hard part starts—deciding what should stay and what should go. And the first things to go (aside from the designated hitter rule) should be those elements that violate the limitations you set up when you started the design process.

Get to Know a Color! Red

My six-year-old son Joel recently started wearing the Philadelphia Phillies clothing I’ve been buying him since he was born. I know that Joel resents the Phillies because they’re frequently on TV when he’d rather be watching Spongebob Squarepants, so I asked him about it. I figured he had decided to embrace the Phillies out of affection for his father or a desire to relate to his extended family, much of which is in Philadelphia. The actual reason is much simpler than that: after stints with green, yellow, and blue, red is now Joel’s favorite color.

This got me to thinking about how and why people relate to certain colors. This also made me hungry, because it turns out that red is an appetite stimulant, which may explain why there are so many fat Phillies fans.

Anyway, welcome to the first installment of “Get to Know a Color!” Every now and again in the coming months, we’ll delve into the meanings, associations, and usage of a specific color. (To paraphrase Buster Bluth, as I have done before, this party is going to be off the hook.)

The human eye can perceive roughly 10 million colors, so if I do one a week, I’ll be done in the year 194,317, or shortly before the Earth is swallowed up by the sun. To narrow it down a bit, Isaac Newton, who devised the first color wheel in 1666, identified seven pure spectral colors: red, orange, yellow, green, blue, indigo, and violet. Since indigo and violet are both essentially purple, we can narrow that to six. Given that primary season just ended in politics, we’ll start with red. (Get it? Because it’s a primary color! Now we’re having fun.)

First, a note about creating meaning with color: The color wheel is your friend. We encourage designers to select a color palette using the color wheel. Colors that oppose each other on the color wheel—blue and orange, yellow and purple, or green and red—are complements. Used together, they create a bold statement. Colors adjacent to one another on the color wheel, like green and blue or orange and red, are analogous. They create a softer, subtle visual presence. Selecting colors carefully based on a specific kind of color palette will reinforce your message.

Look up color psychology online and you’ll find a lot of sweeping statements about specific colors. An article about color psychology on the website infoplease says this about the color red:

The most emotionally intense color, red stimulates a faster heartbeat and breathing. It is also the color of love. Red clothing gets noticed and makes the wearer appear heavier. Since it is an extreme color, red clothing might not help people in negotiations or confrontations. Red cars are popular targets for thieves. In decorating, red is usually used as an accent. Decorators say that red furniture should be perfect since it will attract attention.

One important thing to keep in mind when you read this sort of thing is that these meanings vary across cultures. For instance, in China, red is associated with good luck, but in South Africa, it’s associated with mourning. If you’re on Wall Street, the last thing you want to be is in the red. In Jamaica, if you’re red, it means that you’re drunk. In Germany, if you had 99 balloons, they would definitely be red.

Another factor to keep in mind is that sometimes these generalizations can be contradictory. Red is associated with love and warm emotions, but it is also associated with danger and alarm. In the United States, red is the color of the Republican party; globally, it’s associated with communism.

Whatever the associations, red is the most intense color on the color wheel. According to Johannes Itten’s The Art of Color, the human eye sees colors as electromagnetic radiation measured in nanometers. Of all the colors, red has the longest wavelengths, followed by orange and yellow. (For more on this, have a look at “The Physics of Color” on the website Colors on the Web.) This is why, if we were at a really awesome party and you got us talking about color, you’d hear us say that warm colors advance and cool colors recede.

Because red is so intense, it is used to attract attention. In print, it’s frequently used as a highlight color. Online, it should be used sparingly because it’s tough on the eyes in large quantities on screen (not sure how Netflix gets away with what they do). In short, red is to color what bolding is to type, or what habanero chilis are to dinner (evidently, I’m still hungry). It’s a powerful tool that should be used carefully.

Color Scheme Designer

Picture-1

I’ve written in the past about two online resources that allow users to generate color palettes based on photographs: Kuler and the DeGraeve Color Palette Generator. Friend of IBD Brian Trosko turned us on to another way of generating color palettes online called Color Scheme Designer, found at http://colorschemedesigner.com.

This free site uses the color wheel to generate color palettes based on six different schemes, as simple as monochromatic and complementary or as complex as accented analogic. It allows users to choose a primary hue by spinning a cursor around the wheel, then adjust the resulting scheme based on contrast or saturation. It generates a list of web codes for colors, which can be plugged into any page layout, image editing, or vector art software.

I’m sure this is exactly what Isaac Newton had in mind when he devised the first color wheel in 1666.

Picture-2 Picture-3

To test out your color scheme, the site generates light and dark sample pages, all of which feature an eerie, blurry female figure looking disapprovingly at you for letting the computer do your work for you. (You can’t see her face, but I know what she’s thinking.)

As with all decisions, your color choices should be meaningful and appropriate to your site or organization, so we don’t encourage you to rely too heavily on this sort of thing. But it’s interesting to fiddle around on this site to explore the effects and impacts of different types of color palettes.