The worst color schemes you can choose for the articles in your web site.

The worst color schemes you can choose for the arti­cles in your web site (my opinion)!

I usu­ally don’t find very bad color com­bi­na­tions in the arti­cles sec­tions on a pro­fes­sional web sites, because almost every designer have some feel­ing about the col­ors.  But usu­ally some Blog­ger users (design­ers or not) are using schemes which are incompatible.

Exam­ples:

1.The back­ground of our arti­cles and the Worst 5:

1. Pur­ple back­ground, Green text!

Like the exam­ple below. Well in some places this maybe will work fine, but usu­ally a big NO from me. This is a com­bi­na­tion which I don’t like and usu­ally when I see such web site, I don’t have the will­ing to read what is there.

The-worst-color-schemes-you-can-choose-for-your-web-site.-The-worst-5-1

2.White back­ground and lightly blue.

Maybe some peo­ple will say, well this is nice color com­bi­na­tion. Well maybe it is but not for you arti­cles page. Extremely not for there. You begin read­ing and after some sec­onds your eyes are begin­ing to wink. You know why! Light text col­ors on light back­ground is incom­pat­i­ble.
The-worst-color-schemes-you-can-choose-for-your-web-site.-The-worst-5-2

3.Red back­ground, blue text.

This 2 col­ors com­bined together can work very good some­times really. But not in a web site for our arti­cle! This com­bi­na­tion is telling me: Stop to read! The-worst-color-schemes-you-can-choose-for-your-web-site.-The-worst-5-3

4.Orange back­ground and green text.

This can be good com­bi­na­tion of col­ors on a box for Orange juice! I mean that if there is orange with leafs and the text there should not be green again. Not lighter! Using such light back­ground with light text col­ors just not work good. And off course there have always some excep­tions. I’ll show you what I mean in the next rows.

The-worst-color-schemes-you-can-choose-for-your-web-site.-The-worst-5-4

5.Light blue back­ground some green text :o Every­body see that’s not very nice…

The-worst-color-schemes-you-can-choose-for-your-web-site.-The-worst-5-5

There have more like this: brown back­ground and red text… black back­ground with red, lightly green, lightly blue or pur­ple :0 — very ugly, you can use this col­ors for exam­ple if your site is with a back­ground color and there have some links with blue and red col­ors. But not for the arti­cles where the peo­ple should read! For exam­ple me — I never use such colors!

Well this are some bad com­bi­na­tion which some peo­ples (design­ers or not) using in their blogs or web sites. Really rare but there have some… Such col­ors over-strain the eyes. Just remem­ber that rule lightly back­ground with light text are not good for the reader.

This are just some exam­ples and there have more: pink back­ground and pur­ple text: some peo­ples thing it looks lovely but it’s not! black back­gorund yel­low text. — not so bad but not so good!

2. The back­ground of our arti­cles and 5 not so bad, but not that good.

1.Black back­ground and yel­low text.

I am even won­der­ing is this not for the cat­e­gory of the first 5! After you read some of the text it begins to get bor­ing. How and why?  It looks some­how unnat­ural and a lit­tle ugly. I don’t mind if the back­ground is soft yel­low and the text is black…

The-worst-color-schemes-you-can-choose-for-your-web-site.-Not-so-bad,-but-not-that-good-5-1

2.White back­ground, orange text.

This one looks nice, fresh and it’s incom­pat­i­ble for long arti­cles. You have a lot of pages and arti­cles? Don’t use this then… again a light back­ground and light text which is an excep­tion and you can use it. But not always! Maybe for some small part of your web site and it depends what’s the sub­ject of yours site.

The-worst-color-schemes-you-can-choose-for-your-web-site.-Not-so-bad,-but-not-that-good-5-2

3.Grey back­ground color and yel­low text.

It’s sim­i­lar­ity to the exam­ple above. It seems to be bet­ter, and it’s not that bad. But I pre­fer the yel­low was white or black…
The-worst-color-schemes-you-can-choose-for-your-web-site.-Not-so-bad,-but-not-that-good-5-3

4.White back­ground and pur­ple text.

It looks much bet­ter than pur­ple back­ground and light blue text. And if you like pur­ple or you’re mak­ing such web site I am sug­gest­ing you to use this one! Not the best, but much bet­ter than pur­ple and lightly blue.
The-worst-color-schemes-you-can-choose-for-your-web-site.-Not-so-bad,-but-not-that-good-5-4

5.Brown back­ground, green text.

Well, yes it can be used and it can be good in some web sites… You have some site related to nature, some food, tea and you want some brown and green web site… Yes but it should be used with mea­sure and this col­ors should not be highly contrast.

The-worst-color-schemes-you-can-choose-for-your-web-site.-The-worst-5-5

So after this exam­ples the 1 thing you should end up here is that: Not too high con­trast col­ors in your arti­cles. Excep­tions are: text links and some­times but­tons which appear in it!

3. The back­ground of our arti­cles: Some exceptions.

Some excep­tion to the list of 5 above (But not the first 5) are: When we have some port­fo­lio web site, some flash web site for exam­ple. We can use Brown back­ground and green text for exam­ple, or some dark blue with lighter blue, some sim­i­lar color variations.

For exam­ple in our about, con­tact page or for some links texts. Also very impor­tant is what is the area around our arti­cle. The color of the whole site is important,and you can always exper­i­ment but the main rule about arti­cle sec­tion is this: Lighter back­ground col­ors and darker texts or dark back­ground col­ors and lighter texts.

Well that is my list for the worst color schemes you can choose for the arti­cles sec­tion in your web sites. Some of you can prob­a­bly say: Well I like them, why should stop using them. You can still use them, but with the high con­trast on the 1st 5 it looks bad and non pro­fes­sional.  If you like this col­ors and want to learn how to use them prop­erly: Check my next article

Which are the best col­ors I can choose for the arti­cles in my web site?

Hope you’ve learned some­thing here and I am always open for sug­ges­tions and cri­tique.
Feel free to drop a com­ment, also you can show some design with bad color schemes you found on the internet.

VN:F [1.8.5_1061]
Rat­ing: 0.0/10 (0 votes cast)
VN:F [1.8.5_1061]
Rat­ing: 0 (from 0 votes)

Related Posts

About the author: A.D.K.

I am Graphics designer and web developer from Bulgaria. Working as a freelancer from 2 years I have big experience in these fields. I also make tutorials from time to time in my web site for tutorials: Tutorials-place.com This is one of my hobbies. I also love Photography, sports and especially martial arts.

3 Comments »
  1. Camilo Martin
    November 15, 2009 @ 8:04 am

    Well I’m sorry but I believe I can come up with a worse com­bi­na­tion, after ded­i­cated research.
    *seri­ous*
    DISCLAIMER: do not point this com­bi­na­tion at people’s eyes, it may be pros­e­cutable under your jurisdiction.

    USE AT YOUR OWN RISC:

    [h2 style=“font-family: gara­mond; font-size: 20px; font-style: italic; font-weight:bolder; text-transform: low­er­case; color: #c0c001; background-color: #c0a0c0; text-decoration:blink;”]text here[/h2]

    (replace [ and ] with )

    ReplyReply
    UN:F [1.8.5_1061]
    Rat­ing: 4.0/5 (1 vote cast)
    UN:F [1.8.5_1061]
    Rat­ing: +1 (from 1 vote)
  2. Camilo Martin
    November 15, 2009 @ 8:09 am

    (the text got for­mated by some moronic script so maybe this escapes the char­ac­ters: &lt and &gt. if they didn’t appear, well, you know, I meant HTML tags)

    ReplyReply
    UN:F [1.8.5_1061]
    Rat­ing: 5.0/5 (1 vote cast)
    UN:F [1.8.5_1061]
    Rat­ing: 0 (from 0 votes)
  3. November 17, 2009 @ 4:55 pm

    Yeah I got it. Thanks for your com­ment Camilo.
    I tried this com­bi­na­tion you posted here, it’s really worse. I was not see­ing such before lol.

    ReplyReply
    UA:F [1.8.5_1061]
    Rat­ing: 0.0/5 (0 votes cast)
    UA:F [1.8.5_1061]
    Rat­ing: 0 (from 0 votes)
Leave a comment

CommentLuv Enabled
Get Adobe Flash playerPlugin by wpburn.com wordpress themes