What’s the Best Color for Websites?

Colour is without doubt one of the most vital visible elements of web site design. It will possibly have an effect on every thing out of your conversion price to how guests understand your model.

It goes with out saying, then, that you simply’ve acquired to get your web site colour scheme proper. However which colours must you use? And how will you use them successfully?

On this roundup of web site colour statistics, we’ll share some eye-opening knowledge that may assist reply these questions.

The stats beneath will spotlight how vital colour is, reveal how totally different client segments reply to totally different web site colours, and extra. 

Prepared? Let’s get began!

What’s the finest colour for a web site?

There’s no goal consensus on one of the best colour for a web site because it all is determined by the character of your model and goal market. Nevertheless, blue and inexperienced are protected selections as they’re the colours most prospects want to see on web sites.

Generally, shoppers additionally appear to want cooler colours over hotter colours.

What colours do web site guests want?

46% of shoppers want when companies use blue on their web sites, making it the highest colour choice amongst web site guests.

As we’ll see later, this choice tallies with common colour preferences worldwide.

And it’s in all probability one thing to do with how we understand the colour blue. It’s typically seen as a non-threatening colour that’s calming, safe, {and professional}—three traits that model web sites typically attempt to be. However we’ll discuss extra about these colour associations later.

Inexperienced was the second most most well-liked web site colour, with 30% of the vote, and crimson got here third at 22%.

Fascinating web site colour statistics:

• 22% of shoppers who go to a web site for the primary time will search for eye-catching colours
• However 21% of shoppers will go away web sites which have outlandish colours
• 19% of individuals affiliate cool colours with constructive emotional responses, in comparison with simply 14% for heat colours.

What’s the worst web site colour?

Yellow is the colour shoppers dislike most on web sites, with 23% of these surveyed considering companies shouldn’t use it of their web site design. Orange and Purple had been shut seconds with 22% saying it’s their least favourite web site colour.

That stated, there isn’t a objectively ‘worst web site colour’. The web site colour statistics above inform us which web site colours shoppers assume they don’t like, however that doesn’t imply they’re not the appropriate alternative for you. All of it is determined by elements like your model character and target market.

Web site colour preferences by demographic

Web site colour preferences fluctuate relying on gender. Each women and men appear to have a mushy spot for blue and inexperienced, however ladies are notably keen on them:

• 50% of girls want to see blue on web sites, in comparison with 45% of males
• 34% of girls want to see inexperienced on web sites, in comparison with 30% of males

Likewise, the colour folks dislike most in web sites additionally appears to fluctuate by gender. Ladies dislike yellow extra, whereas males dislike orange extra.

• 26% of girls assume companies shouldn’t use yellow on their web sites
• 23% of males assume companies shouldn’t use orange on their web sites

Colour preferences additionally appear to fluctuate by age:

• 43% of these aged 18 to 24 are keen on purple in web sites, however solely 17% of these 44-54 really feel the identical manner

What colour scheme is finest for a web site?

Most web sites don’t simply function one colour—they use a number of. The mix of colours you employ collectively in your web site is your colour scheme, and it’s tremendous vital to get it proper. 

In keeping with the info, right here’s what colour schemes most shoppers assume are one of the best selections for web sites:

• 26% of shoppers want major colour schemes. Main colour schemes make the most of major colours: crimson, yellow, and blue.
• 21% of shoppers want complementary colour schemes. Complementary colour schemes use two colours which are discovered reverse one another on the colour wheel, like blue and orange, or crimson and inexperienced. One is the dominant colour whereas the opposite is the accent colour.
• 20% of shoppers want analogous colour schemes. Analogous colour schemes use colours which are positioned subsequent to one another on the colour wheel, like crimson with violet and red-violet, or yellow with inexperienced and yellow-green.

How vital is white house?

Solely 8% of shoppers discover white house when viewing web sites for the primary time, which is why white house is so vital in internet design.

It helps to create house between components in an effort to direct the guests’ consideration to what issues most, like your CTAs and purchase buttons. And it helps stop the web site web page from trying messy and cluttered.

Sources: Colorlib¹, Top Design Firms²

Colour recognition statistics

We’ve checked out shoppers’ favourite web site colours—however what about their favourite colours typically? Let’s discover out.

What’s the world’s favourite colour?

A examine by Joe Hallock discovered that along with being the best choice for web site colours, blue and inexperienced are additionally the world’s favourite colours throughout the board.  

42% of individuals surveyed stated blue was their favourite colour, making it the highest choose. Inexperienced and purple had been the world’s second-favorite colours with 14% of the vote every.

This statistic is backed up by knowledge from Colorcom’s International Colour Survey. The outcomes of their survey of over 300,000 folks additionally discovered that individuals mostly selected blue as their favourite colour.

What’s the world’s least favourite colour?

In keeping with the identical survey by Joe Hallock, Orange is most individuals’s least favourite colour throughout all ages and genders. 

30% of individuals stated they disliked orange probably the most, whereas 23% stated brown (the world’s second least favourite colour) and 13% stated purple (the world’s third least favourite colour).

Nevertheless, Colorcom’s international survey generated barely totally different outcomes. In keeping with their knowledge, yellow is the most typical least favourite colour.

Hottest colours by gender

As with web site colours, folks’s favourite colours typically fluctuate based mostly on gender and age.

Beneath, you’ll discover a breakdown of the share of individuals of both intercourse who stated a specific colour was their favourite, in accordance with our greatest knowledge.

Prime 10 favourite colours (ladies):

1. Blue – 35%
2. Purple – 23%
3. Inexperienced – 14%
4. Pink – 9%
5. Black – 6%
6. Orange – 5%
7. Yellow – 3%
8. Brown – 3%
9. White – 1%
10. Gray – 1%

Prime 10 favourite colours (males):

1. Blue – 57%
2. Inexperienced – 14%
3. Black – 9%
4. Pink – 7%
5. Orange – 5%
6. Gray – 3%
7. White – 2%
8. Brown – 2%
9. Yellow – 1%
10. Purple – 0%

Apparently, whereas each gender’s like blue and inexperienced, there’s a stark distinction in fondness for purple. Amongst ladies, it’s the second hottest colour. However in males, it’s the least.

Least favourite colours by gender

Subsequent, let’s take a look at a breakdown of the share of respondents of both gender that stated a specific colour was their least favourite in accordance with the identical examine:

Commonest least favourite colours (ladies):

1. Orange – 33%
2. Brown – 20%
3. Gray – 17%
4. Yellow – 13%
5. Purple – 8%
6. Inexperienced – 6%
7. White – 3%

Commonest least favourite colours (males):

1. Brown – 27%
2. Purple – 22%
3. Orange – 22%
4. Yellow – 13%
5. White – 5%
6. Gray – 5%
7. Inexperienced – 2%
8. Pink – 2%
9. Black – 1%
10. Blue – 1%

Once more, there are some fascinating similarities and variations right here. Each sexes appear to considerably dislike the colour brown and orange, however males are more likely to say their least favourite colour is purple. 

Sources: Colorcom¹, Joe Hallock¹

Do colour preferences rely upon age?

Sure, colour preferences appear to rely upon age. Blue is the world’s favourite colour throughout generations, however apparently, statistics present that the youthful the age group, the upper the choice for inexperienced, and the older the age group, the decrease the choice for inexperienced.

The reverse is true for purple: youthful folks prefer it much less and older folks prefer it extra.

Equally, orange and yellow appear to be much less in style amongst older shoppers. These colours are extra continuously named because the least favourite colour by respondents in older age teams. 

Youthful age teams continuously named Brown because the least favourite colour.

What’s one of the best colour for call-to-action buttons?

Your call-to-action (CTA) buttons are in all probability crucial of all the weather in your web site. They’re the weather you need your prospects to note and click on.

As such, there have been a lot of research and exams to determine one of the best colour for call-to-actions. Right here’s what the statistics present:

• In a cut up check by Hubspot on Performable’s web site, crimson buttons outperformed inexperienced buttons considerably and generated 21% extra clicks. 
• Different exams have proven related outcomes. For instance, Dmix discovered that switching to a crimson button boosted their conversion charges by 34%. 
• Whereas most research deal with crimson and inexperienced buttons (as these are the most well-liked), some have in contrast different colours. One such examine in contrast blue vs orange buttons and located that blue outperformed orange by 9%.

The straightforward takeaway from that is that crimson is finest—however that might be an oversimplification.

The reality is that there isn’t a finest colour for a call-to-action button. It varies from case to case, and there’s no one-size-fits-all method.

Crucial issue appears to be that your buttons stand out from the opposite colours in your webpage. If the first colour of your web site is inexperienced, inexperienced buttons in all probability gained’t catch the person’s consideration as a lot as crimson. But when the first colour of your web site is crimson, inexperienced buttons would possibly work properly.

Sources: Hubspot, CXL

Why is web site colour vital?

Subsequent, let’s take a look at some web site statistics that inform us extra in regards to the significance of colour in internet design.

Does web site colour matter?

39% of surveyed shoppers stated colour is the visible ingredient they worth most on firm web sites. This makes it the second prime visible ingredient shoppers recognize, simply behind pictures/pictures (40%).

42% of customers base their opinion of a web site on design alone (and that features colour). 

Amongst customers that don’t return to a web site, it’s right down to aesthetic components (together with colour) 52% of the time.

Different statistics in regards to the significance of colour

Colours aren’t solely vital in your web site—it’s vital throughout all of your branding supplies, out of your product design to your model brand and past. Right here’s why:

• About 62-90% of a client’s preliminary evaluation of merchandise is predicated on colour alone. 
• Colour can improve model recognition by as much as 80%
• 90% of individuals imagine colours will help appeal to new prospects
• 83% imagine colour makes them appear extra profitable
• 81% assume colour provides them an edge over their rivals
• 90% imagine shoppers bear in mind displays higher when colour is used
• Readers discover full-color advertisements 26% extra typically than black-and-white advertisements. The examine that discovered this particularly checked out journal advertisements, however the identical precept might maintain true for web site advertisements.

Sources: Colorcom², Top Design Firms¹, ResearchGate, Neil Patel, Kissmetrics

Colour associations

Research present that people appear to carry particular associations with sure colours. Some appear to be innate, biologically-wired associations whereas others are culturally pushed.

It’s vital to concentrate on frequent colour associations when designing your web site, because it’ll influence how your web site guests understand your model. It is best to strive to decide on colours that signify your model character and evoke the form of passionate responses you’re aiming for.

With that in thoughts, listed below are some web site colour statistics that present what every colour is mostly related to, per a examine by Joe Hallock.

Belief

Blue is the web site colour mostly related to belief. 34% of surveyed respondents stated they consider belief, they consider blue. That is doubtless a giant a part of why blue is such a preferred web site colour.

21% of respondents related belief with the colour white, making it the second prime choose. That is doubtless as a result of (or maybe why) white is utilized in settings like hospitals and in physician’s lab coats.

Orange was the least reliable colour recognized within the examine. Just one% of respondents related it with belief.

Safety

Blue can also be the web site colour that’s mostly related to safety, with 28% of the vote. That is pretty unsurprising given safety and belief are semantically intently linked. Black was additionally continuously related to safety at 16%. And orange was as soon as once more on the backside of the checklist with 2% of the vote.

Velocity

Pink is the colour mostly related to velocity at 76%. That is doubtless resulting from Pink’s underlying energizing impact and its associations with depth, rage, and fierceness. Yellow was a distant second at 7%.

This would possibly make crimson a good selection for creating a way of urgency in your web site. For instance, you would possibly use it to spotlight time-sensitive gives.

Low cost/cheap

26% of individuals related orange with the phrases low cost/cheap. Yellow got here second with 22% of the vote, and brown was third with 13%. 

Blue was the least doubtless colour related to cheapness, with only one% of respondents selecting it.

What’s fascinating about that is that affiliation with cheapness appears to correlate intently to paint preferences. Brown, yellow, and orange are each shoppers’ least favourite colours and people almost certainly to be related to the phrase low cost.

Top quality

43% of surveyed folks related black with top quality. You may leverage this affiliation with high quality utilizing black colour schemes in your web site.

Blue was related to top quality the second most frequently with 20% of respondents selecting it. Orange was the least doubtless related to top quality, receiving 0% of the vote.

Excessive know-how

Black (26%) and blue (23%) had been additionally the colours mostly related to excessive know-how. Gray was joint second, having been picked by 23% of respondents.

Worry

41% of individuals related crimson with worry or terror. Black was an in depth second at 38%. When you’re engaged on a horror-themed web site, black and crimson are the plain selections.

Apparently, not one of the respondents related blue with worry, once more exhibiting how reliable and calming the colour is perceived as.

Enjoyable

28% of individuals stated orange was the colour they affiliate most with enjoyable. Yellow was an in depth second at 26%. Purple (17%) and crimson (16%) had been in style selections. 

This reveals that regardless of being a number of the least favourite web site colours, orange and yellow do have their place in web site design. They might be efficient selections for those who’re making an attempt to place your model or product as enjoyable.

Bravery

29% of respondents stated they related purple with braveness and bravado. Pink was an in depth second at 28%, and blue got here third at 22%. 

That is fascinating as braveness and bravado are generally considered extra masculine values, however as we noticed earlier, few males like the colour purple regardless of its associations with these traits.

Web site colour associations in accordance with Joe Hallock

Right here’s a recap of the highest colour associations in accordance with the examine by Joe Hallock:

• Blue – belief, safety
• Pink – velocity, worry
• Orange – low cost, enjoyable
• Black – top quality, excessive know-how
• Purple – bravery

Web site colour associations in accordance with Colorcom

Colorcom’s International Colour Survey additionally requested respondents about colour associations. Listed below are the most typical associations for every colour in accordance with their knowledge:

• Yellow – happiness 
• White – purity
• Inexperienced – luck
• Pink – tasty
• Darkish blue – dignity
• Silver – excessive know-how
• Pink – sexiness
• Black – mourning
• Gold – costly
• Brown – cheap
• Pink – highly effective
• Blue – reliable
• Gold – top quality
• Muted yellow – nausea
• White – deity
• Black – unhealthy luck

Sources: Colorcom¹, Joe Hallock²

Web site brand colour statistics

Your brand is one other key visible ingredient featured in your web site. Listed below are some web site colour statistics that relate particularly to logos.

The significance of colour in web site logos

In a check by Reboot On-line, 78% of consumers might recall the first colour of logos they’d been briefly proven, however solely 43% might bear in mind the title. 

The upshot: the colours you employ in your model property (like your web site) are extra memorable and arguably extra vital than your model title.

Commonest web site brand colours

Black is the most well-liked branding colour amongst the highest manufacturers. It’s used within the logos of 34% of the highest 100 international manufacturers. 

The proportion of manufacturers that use every colour of their brand:

• 34% use black
• 30% use blue
• 30% use crimson
• 9% use yellow
• 7% use inexperienced
• 6% use silver/inexperienced
• 5% use orange
• 2% use brown

Supply: Reboot Online

What number of colours are there?

No one can agree on precisely what number of colours there are, however one of the best reply we may give is 10 million. 

That’s the utmost variety of colours the human eye can see, however there are infinitely extra colours we are able to’t understand.

When you’re curious how we arrived on the 10 million determine, it’s fundamental math. The human eye can see 1,000 shades of sunshine. And inside these mild shades, we are able to detect 100 totally different red-green shade ranges and 100 totally different yellow-blue shade ranges. 

Multiply that each one collectively (1,000 x 100 x 100) and also you get 10 million.

In fact, it’s a bit extra difficult than that—that is only a transient, oversimplified rationalization

Ultimate ideas

That concludes our roundup of web site colour statistics.

Hopefully, you had been capable of extract some helpful insights to tell your web site design technique from these information and figures.

The important thing takeaway is that whereas colour is vital, there’s no proper or incorrect strategy to apply it to your web sites. The fitting colour selections rely in your model character, positioning, and goal market.

If you wish to be taught extra about what good internet design seems like, see our latest roundup of web site design statistics.

Or to find out about graphic design extra typically, try these mind-blowing graphic design statistics.

Good luck!