If you enjoyed this article, get email updates (it's free).
Join over 77,235 Subscribers Today.
People are still debating whether content is king or not.
If you ask me, I totally agree with it and my opinion is based on my own experience. Regardless, whether or not content is king, there is something that is just as important! What is it, you ask?
It is a book’s cover that counts too…
I know, I know, everyone likes to say don’t judge a book by its cover, but how else are you planning to grab someone’s attention other than with a fancy cover?
Obviously, once you have someone’s attention, you can leave the rest to content. It’s all about web design colours and how you manipulate them.
To find out your real opinion of someone, judge the impression you have when you first see a letter from them.
-Philosopher Arthur Schopenhauer
Image By Frédéric Bisson
There is always a one particular step you would like your website’s visitors to take. It is a step you are always concentrating on the most. It could be your subscribe button, it could be the follow button, or even the buy button.
Whatever that call-to-action button is, always remember that whether people will click on it or not depends on how you make them feel while they are on your website.
Read on, to find out about the five most popular colours used in web design to always leave your website’s visitors warmly welcomed, deeply engaged and even irresistibly intrigued.
Image By Roxanne Ready
Without a doubt red is considered the hottest colour. If you check out Pinterest’s colour palette, you will notice straight away that red is their primary colour.
Red, often associated with love, is such a strong and dynamic colour that it can make you feel very passionate about anything positioned closely around this colour.
This colour is often seen in clearance and sales promotions, as its intensity creates a feeling of urgency.
Even though this intensive colour can leave your visitors excited and encouraged, always be careful. Too much red can turn them off at once.
Use red in your colour scheme just to accent your web design. Blend it in a colour mix of white, grey, light blue or silver.
The human eye sees red when it looks at light with a wavelength between 630 and 700 nanometers.
Light just past this range is called infrared, or below red, and cannot be seen by human eyes, although it can be sensed as heat.
Hex Triplet: #FF0000
RGB: (255, 0, 0)
Image By William Christiansen
Orange is warm and energizing, but not as intense as red. Orange feels more warm than hot.
Full of energy, this vibrant and friendly colour invites people to do something, rather than making them feel pushed or forced to do so with urgency.
Orange is sometimes considered aggressive, in the way it encourages a call to action, like buy, subscribe, sell or follow.
I recommend using orange if after visiting your website you want to leave someone feeling stimulated, cheerful, creative, and full of enthusiasm.
Web colour orange, defined as FFA500, is the only named colour defined in CSS that is not also defined in HTML 4.01.
Hex Triplet: #FF7F00
RGB: (255, 127, 0)
Image By Rishi Bandopadhay
You will find many business and corporate websites use blue tones. This colour makes us think about something secure, safe, dependant and full of experience.
Therefore, it doesn’t come as a surprise that every business who cares how they leave their customers feeling in the long term prefers to use blue.
Blue creates completely opposite feelings to red. Blue calms us down and you should not be worried about using too much. You can easily splash blue all over your web design.
A survey taken in Germany and published in 2009 found that blue was the favourite colour of 46 percent of male respondents and 44 percent of women.
Hex Triplet: #0000FF
RGB: (0, 0, 255)
Image By Groupon
Feeling very optimistic right now? Let me guess – You have been looking at something that is green? Maybe it was just a green plant you were looking at, as that would definitely calm you down and make you feel optimistic.
Anyone who is associated with green living or environmental movements will more likely use green at least in some part of their design process.
Have a look at a $100 bill. It is green! Websites like Groupon have a lot of green in their brand, as they are directly dealing with money.
Green is very refreshing and relaxing, leaving people with a feeling balanced and inspired. It represents balance and harmony in a design
In some languages, including old Chinese, Thai, old Japanese, and Vietnamese, the same word can mean either blue or green. There is no natural source for green food colorings which has been approved by the US Food and Drug Administration.
Hex Triplet: #00FF00
RGB: (0, 255, 0)
Image By Yahoo!
Purple is very often described using words like imagination, creativity, dignity, nobility and abundance. Stronger shades of purple are more related to spring and romance, whereas darker ones are associated with luxury and wealth.
Purple is used in a variety of beauty, fashion and lingerie products, because purple calms and soothes more than any other colour.
It is also considered to be more feminine and romantic than masculine. When looking at anything purple, many people feel that it appears to be artificial, because of the fact that this colour can be found in nature very rarely.
Just like red, people can find purple too strong and overpowering, making them feel forced, or pushed, to take a certain action. So it would be very wise to pair purple with other colours like black or white.
In April 2007 it was suggested that early archaea may have used retinal, a purple pigment, instead of chlorophyll, to extract energy from the sun. If so, large areas of the ocean and shoreline would have been colored purple; this is called the Purple Earth hypothesis.
Hex Triplet: #800080
RGB: (128, 0, 128)
No! I am sure you deserve a bonus – So here is my list’s number 6 for You! ;)
Usually monochromatic colours like white, black, dark grey and light grey should be used as a backdrop in designs with already established brighter and stronger accent colours.
Take a look at our website, 1stwebdesigner – 1WD. We use a little bit of orange as it’s a strong and bright accent colour – but only in a good combination with dark grey and light grey. And white, of course (what colour is our website’s background?)
Just like birds will always fly, black will always represent modernity, mysteriousness, elegance and power. Whereas grey is a neutral color, representing something very calm and invisible, like shadows.
If grey can sometimes look dirty, then white will create the opposite effect. White represents cleanliness openness, simplicity and minimalism.
In digital photography, monochrome is the capture of only shades of black by the sensor, or by post-processing a color image to present only the perceived brightness by combining the values of multiple channels.
Hex Triplet: #000000
RGB: (0, 0, 0)
Hex Triplet: #808080
RGB: (128, 128, 128)
Hex Triplet: #FFFFFF
RGB: (255, 255, 255)
How does your favourite colour make you feel?
Join over 77,235 Subscribers Today.
James has been interested in WordPress Development for over 5 years now. And for the most part of that time taking on a variety of challenging tasks to help people who find themselves struggling with WordPress maintenance.