October 15

What Colors For A Website ?


 
 




 
 

Colors are everywhere and they influence you throughout the day, without you being necessarily aware. Yet if you look around, you will see a pattern in the use of colors, whether  you are at the supermarket, at the hairdresser, the hospital, the doctor, the florist, the perfumer or even at someone’s house…  

Although the meaning of colors can vary from one culture to another, it is still recognized that there are some color effects that have universal meaning.

Which is why the psychology of colors is a very important aspect of branding    

The meaning of colors

Colors And Emotions


Colors are even present in every day life expressions, expressing a state or situation…

    • To be green with envy/jealousy
    • To be blue in the face 
    • To be browned off
    • To give someone the green light
    • To be white as a ghost
    • To have a yellow streak…
    • To see life in pink

 

Color spectrum

Color spectrum


 

What Is The Psychology Of Colors? 


The psychology of colors assumes that each color can influence our mind/intellect and our emotions. We unconsciously associate thoughts or /and feelings to each color of the spectrum.

When you come to think of it, have you ever seen a hospital with black walls? Would you want to be hospitalized there? Or do you often buy food in blue packaging (expect maybe for fish? lol)?

When you see a color – any color – you receive a visual stimuli that will lead to a reaction (mental or physical) : well being, discomfort, heat, cold, calmness, excitement, concentration, stress… and many more! 

The psychology of colors

The psychology of colors


 

 

The Importance Of Color In Branding


Marketing and advertising executives have clearly understood the impact and benefits of colors on people and now implement the color psychology for their branding and advertising.

Color is a very influential source of information when people are making a purchasing decision Think of it… would you feel the same way in a store if the color used on the walls was white, blue, red, black?

I have found myself at times not even walking into a store because I hated the colors : they made me feel stressed and oppressed. On the contrary there are places that make you feel peaceful  and relaxed the moment you walk in… 

Basically, color is always used in an attempt to make you hungry, calm, create a positive or negative reaction, encourage trust, caution or energy, and so on… 
 
Favorite Colors By Gender


Favorite colors

Favorite colors


 

Least Favorite Colors By Gender


Least favorite colors

Least favorite colors


 

Color Coordination & Conversions


Some colors look really great together while others will appear repulsive and aggressive to the eye. 

This may seem mysterious, but actually it’s quite simple to explain. Just take a look at the below wheel colors to get a better understanding of how colors work together.  

Color combinations

Color combinations

Complementary
Colors which are directly opposite each other on the color wheel. Powerful contrast that allows web designers to choose a dominant color (background) and another to highlight the  most important elements of the page (content)


 
Analogous

Colors which lie on either side of any given color. Often found in nature and harmonious. They usually match well and create serene and comfortable designs.  


 
Triadic 

Power of three colors which are situated 120 degrees from each other (equilateral triangle) on the color wheel. Considered by some to be the best color scheme. You can use one color for the background and the two remaining for content and highlighted areas.  


 
Split-complementary

Variation of the complementary scheme. Uses two colors adjacent to its complement. High degree of contrast  which result in greater harmony than complementary colors.


 
 Rectangular (tetradic)

Use of four colors arranged into two complementary pairs. Rich color scheme offers a lot of possibilities for variation. Works best if you let one color be dominant. Pay attention to the balance between warm and cool colors in your design.


 
Square

Similar to the rectangular scheme. Offers the greatest number of possible color combination (can cause a problem for good harmony). Be careful when using square color schemes.  


 

Psychological Properties Of Colors


RED : physical, love

Positive : physical courage, strength, warmth, energy, basic survival, fight, stimulation, masculinity, excitement, passion, action, ambition, determination, love, romance, gentle, intensity, life

Negative : defiance, aggression, visual impact, strain, danger, anger, sexual passion, lust, negative issues, blood

Being the longest wavelength, red is a powerful color. Although not technically the most visible, it has the property of appearing to be nearer than it is and therefore it grabs our attention first. Hence its effectiveness in traffic lights the world over. Its effect is physical; it stimulates us and raises the pulserate, giving the impression that time is passing faster than it is. It relates to the masculine principle and can activate the “fight or flight” instinct. Red is strong, and very basic. Pure red is the simplest color, with no subtlety. It is stimulating and lively, very friendly. At the same time, it can be perceived as demanding and aggressive.
 

BLUE : intellectual, peaceful, trustworthy, “corporate”

Positive : intelligence, communication, trust, efficiency, serenity, duty, logic, coolness, reflection, calm, peace, loyalty, integrity, wisdom, truth, focused

Negative : coldness, aloofness, lack of emotion, unfriendliness, conservatism, frigidity, un-appetizing, uncaring

Blue is the colour of the mind and is essentially soothing; it affects us mentally, rather than the physical reaction we have to red. Strong blues will stimulate clear thought and lighter, soft blues will calm the mind and aid concentration. Consequently it is serene and mentally calming. It is the colour of clear communication. Blue objects do not appear to be as close to us as red ones. Time and again in research, blue is the world’s favourite colour. However, it can be perceived as cold, unemotional and unfriendly.
 

YELLOW : emotional, optimistic, cheerful, sun

Positive : optimism, confidence, self-esteem, extraversion, emotional strength, friendliness, creativity, mind, intellect, competence, happiness

Negative : irrationality, fear, emotional fragility, depression, anxiety, suicide, impatience, criticism, cowardice, jealousy

The yellow wavelength is relatively long and essentially stimulating. In this case the stimulus is emotional, therefore yellow is the strongest color, psychologically. The right yellow will lift our spirits and our self-esteem; it is the color of confidence and optimism. Too much of it, or the wrong tone in relation to the other tones in a color scheme, can cause self-esteem to plummet, giving rise to fear and anxiety. Our “yellow streak” can surface.

 
 

GREEN : balance, growth, nature

Positive : harmony, balance, refreshment, universal love, rest, restoration, reassurance, environmental awareness, equilibrium, peace, good taste, natural, money, fertility, calmness Negative : boredom, stagnation, blandness, enervation, envy

Green strikes the eye in such a way as to require no adjustment whatever and is, therefore, restful. Being in the centre of the spectrum, it is the colour of balance – a more important concept than many people realise. When the world about us contains plenty of green, this indicates the presence of water, and little danger of famine, so we are reassured by green, on a primitive level. Negatively, it can indicate stagnation and, incorrectly used, will be perceived as being too bland.
 

VIOLET : spiritual

Positive : spiritual awareness, containment, vision, luxury, authenticity, truth, quality, imagination, creativity, power, royalty, wealth, sophistication, wisdom, exotic, prosperity, respect, mystery

Negative : introversion, decadence, suppression, inferiority, immaturity, impractical 

The shortest wavelength is violet, often described as purple. It takes awareness to a higher level of thought, even into the realms of spiritual values. It is highly introvertive and encourages deep contemplation, or meditation. It has associations with royalty and usually communicates the finest possible quality. Being the last visible wavelength before the ultra-violet ray, it has associations with time and space and the cosmos. Excessive use of purple can bring about too much introspection and the wrong tone of it communicates something cheap and nasty, faster than any other color.

ORANGE : social communication, optimism  

Positive : physical comfort, food, warmth, security, sensuality, passion, abundance, fun, happy, excitement, enthusiam, change, stimulation

Negative : deprivation, frustration, frivolity, immaturity, pessimism, superficiality.

Since it is a combination of red and yellow, orange is stimulating and reaction to it is a combination of the physical and the emotional. It focuses our minds on issues of physical comfort – food, warmth, shelter etc. – and sensuality. It is a ‘fun’ colour. Negatively, it might focus on the exact opposite – deprivation. This is particularly likely when warm orange is used with black. Equally, too much orange suggests frivolity and a lack of serious intellectual values.
 
 




 
 

PINK : unconditional love, nurturing

Positive : physical tranquility, nurture, warmth, feminity, love, sexuality, survival of the species, sincerity

Negative : inhibition, emotional claustrophobia, emasculation, physical weakness, immature, silly, girlish

Being a tint of red, pink also affects us physically, but it soothes, rather than stimulates. (Interestingly, red is the only color that has an entirely separate name for its tints. Tints of blue, green, yellow, etc. are simply called light blue, light green etc.) Pink is a powerful color, psychologically. It represents the feminine principle, and survival of the species; it is nurturing and physically soothing. Too much pink is physically draining and can be somewhat emasculating.

GREY : neutrality

Positive : psychological neutrality, compromise, timeless, practical

Negative : lack of confidence, dampness, depression, hibernation, lack of energy

Pure grey is the only colour that has no direct psychological properties. It is, however, quite suppressive. A virtual absence of colour is depressing and when the world turns grey we are instinctively conditioned to draw in and prepare for hibernation. Unless the precise tone is right, grey has a dampening effect on other colours used with it. Heavy use of grey usually indicates a lack of confidence and fear of exposure.

 


 

BLACK : unknown, secretive, mysterious

Positive : Sophistication, glamour, security, emotional safety, efficiency, substance, luxury, authority, power, strength, slimming

Negative: Oppression, coldness, menace, heaviness, grief, fear, evil, death

Black is all colors, totally absorbed. The psychological implications of that are considerable. It creates protective barriers, as it absorbs all the energy coming towards you, and it enshrouds the personality. Black is essentially an absence of light, since no wavelengths are reflected and it can, therefore be menacing; many people are afraid of the dark. Positively, it communicates absolute clarity, with no fine nuances. It communicates sophistication and uncompromising excellence and it works particularly well with white. Black creates a perception of weight and seriousness.

 


 

WHITE : purity

Positive : perfection, innocence, wholeness, completion, sincerity, purity, cleanliness, sense of space, neutrality

Negative : mourning (in some cultures), cold

Just as black is total absorption, so white is total reflection. In effect, it reflects the full force of the spectrum into our eyes. Thus it also creates barriers, but differently from black, and it is often a strain to look at. It communicates, “Touch me not!” White is purity and, like black, uncompromising; it is clean, hygienic, and sterile. The concept of sterility can also be negative. Visually, white gives a heightened perception of space. The negative effect of white on warm colours is to make them look and feel garish.

 


 

BROWN : friendly, down-to-earth

Positive : security, protection, comfort, material wealth, reliability, stability, friendship, warmth, natural, organic

Negative : serious, ruggedness, sadness, mourning (in some cultures)

Brown usually consists of red and yellow, with a large percentage of black. Consequently, it has much of the same seriousness as black, but is warmer and softer. It has elements of the red and yellow properties. Brown has associations with the earth and the natural world. It is a solid, reliable colour and most people find it quietly supportive – more positively than the ever-popular black, which is suppressive, rather than supportive.

 


 

cooltext142753531434149: Success

 

Positive : achievement, triumph, abundance, prosperity, luxury, quality, prestige, sophistication, value, elegance, affluence, material wealth, extravagance

Negative : cupid, cheap

The color gold is the color of success, achievement and triumph. Associated with abundance and prosperity, luxury and quality, prestige and sophistication, value and elegance, the psychology of this color implies affluence, material wealth and extravagance.

Gold in its physical state, by its very nature, denotes wealth and prestige in every country, culture and market in the world today – it is probably the most valuable and easily traded commodity available in the global market place.

This color is linked to masculine energy and the power of the sun, compared to silver which is associated with feminine energy and the sensitivity of the moon.

Optimistic and positive, gold adds richness and warmth to everything with which it is associated – it illuminates and enhances other things around it.

 


 

SILVER : feminine energy

Positive : fluid, emotional, sensitive, mysterious

Negative : dull, melancholy, lonely, lifeless and colorless, rigid, negative, neutral, indecisive, insincere, deceptive

The color silver has a feminine energy; it is related to the moon and the ebb and flow of the tides – it is fluid, emotional, sensitive and mysterious. It is soothing, calming and purifying.

From a color psychology viewpoint, it signals a time of reflection and a change of direction as it illuminates the way forward. It helps with the cleansing and releasing of mental, physical and emotional issues and blockages as it opens new doors and lights the way to the future.

With its reflective and sensitive qualities silver inspires intuition, clairvoyance and mental telepathy. It reflects back any energy given out, whether it is positive or negative.

In the meaning of colors, it is associated with prestige and wealth. It is seen as a glamorous, sophisticated color related to female energy, prosperity and modernity.

 

Website Themes And Colors


I decided to do a little and simple experiment. What happens if you type “music websites themes” or “fashion website themes” on google images? Is there going to be a dominant color for each topic?

So, here are screenshots of many websites home pages, according to their niche (market segment).

As you will see, each theme has a recurring color (green, black, purple, red, etc.). It is not a coincidence and I do not recommend trying to be too creative or marginal in terms of colors.

Of course, that doesn’t mean you have to copy everyone else, but usually, when something works well, I like to leave it as it is. 

 


 

Conclusion


The colors you choose for your website can increase your chance of reaching your goals because they greatly influence human emotions and behaviors.

By using color psychology, you can send a positive or negative message, encourage sales, calm a crowd, or make an athlete pump iron harder.

Haven’t you ever opened a web page and closed it instantly because it looked something like this : 

BLABLA

blablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablablabla

I know I have. lol So, besides content (which should be your number 1 focus), colors are something you definitely want to leverage. 

Thank you for dropping by and feel free to leave a comment below ; I’ll be more than  happy to connect! 

Cheers =)

Sarah

Earn Money Online

Earn Money Online


 
 


 
 

Leave a Reply

24 Comments on "What Colors For A Website ?"

Notify of
avatar
Sort by:   newest | oldest | most voted
Rawl
Guest
I don’t think it’s a surprise to most people that colors are used in advertising, education, business and all aspects of life to either entire us, make us want to purchase an item, excite us, anger us or make us happy. You feel better walking into a classroom with color than a classroom with bare walls. What’s interesting is casinos use color and sound to make us feel excited, anxious and crazily happy. The sound of the slot machines are set to a specific tone that elicits happiness and desire. And they keep the lights dimmed on purpose so we… Read more »
Sinisa
Guest
Wow. I have to say when I first started writing my blog I did look into the meaning of colors and what would be the best color scheme to choose, but the sites I googled and went to were really not near this informative. It’s really cool to notice that there are also the negative effects that colors can bring, and now I am glad I didn’t choose gray 😉 I ended up choosing white for background, black for text and blue for links etc. so there was not that much color mixing in the end. Thank you for this… Read more »
Kristie
Guest

Wow, I never realized colors could play such an important role in every day. I do believe certain colors as well as scents can make us happier and in a better mood. I know color in fashion can make us feel better about ourselves. I never once realized color could be beneficial to your business through web site design and advertisements. This is a very interesting post and I will definitely utilize color in all aspects of my life.

Dan
Guest

In all honesty the only time I’d given any thought to colour schemes is when I decorate and then I usually just go with what my wife likes, but you’re absolutely right, I know I’ve logged on to sites in the past only to log off again because I didn’t like the look of the home page.
I’ll give it closer consideration with my own site. Thanks for highlighting this for me.

Shemari
Guest

Sarah this is phenomenal! I have just started my online business and had an inkling that color is important but you just put it all into perspective for me. Your images and content kept me engaged the entire time. I have bookmarked your site. I have a feeling I will keep coming back to touch on this subject.

Hindy Pearson
Guest

Hi Sarah, that has got to be one of the most well researched, in depth and interesting articles I have ever read. Absolutely fascinating, and filled with lots of helpful tips. Should I mention black is my favourite colour, but did use blues when branding a recent endeavour.

Yerko Fernandez
Guest

Hey Sarah, I really liked your article about colors, it’s a little too extensive for me, but it gave me great insight into what colors to use (I usually just use what I like) so that my clients feel good with my website as well. Did you make the first image? I thought it was amazing. Thanks!

Kim
Guest

I like your dynamic and resourceful website. I have much research to do and have come to the right place! Thanks for all the down-to-earth and direct information. I am reading through your articles and really enjoy the read! Pretty inspiring website. Thanks for all the insight! Today, I found your article on colour branding and colour emotion quite interesting; great for a mosaic of creative people, from students to CEO’s!

Louie Luc
Guest

Hi there Sarah!

Gosh! What have I found here?
This was precisely what I was looking for!

Colors and the psychologic of colors mean a lot to me and I always carefully choose my site’s theme colors when I’m just launching a new website.

I’ll have to read your post with greater attention later on to learn all those little but important secrets. Thanks for that!

All the best,
Louie

Emmanuel Okwunwa
Guest
I am very impressed with the research you have apparently done on this topic, considering the information provided. I am not sure, though, whether you omitted negative connotations of the colour silver on purpose or inadvertently. I am somewhat surpised that most people like blue. Sky blue is one of my favourite colurs. For me, a favourite colour is defined in terms of the context. For example, while I like white or light blue shirts, I prefer beige or black pants, black shoes, and ties containing blue and/or deep yellow. All that is in terms of clothing. In terms of… Read more »
Vince
Guest
I really love your images on here – and I was particularly interested in the way you’d broken down different logos into their primary colors. It’s funny. We see logos, businesses and websites on a daily basis, yet we often don’t think about the colors involved or how they make us feel. People often end up picking colors for a website based on their own personal preferences, without putting much thought into what the colors mean or what they would do for the website. Your post here is a really cool resource and it’s going onto my favorites list for… Read more »
Zinette
Guest

Hi I found your colour combination and conversation charts and explanations extremely helpful. I am quite bad at coordinating colours to be a visual spectacle and usually end up with something jarring to the eyes because I tried to mix too many without concept or reason. Your guide was helpful in helping me attain a certain formula into achieving something that I have in mind and translating that onto my post. Thank you very much, please keep up the great work!

wpDiscuz