9

Why do so many applications and web sites use a white, or very near white, as their background colour?

Back in the days of yore when dinosaurs roamed the Earth, many graphical computing environments defaulted to a grey background. Amiga OS did, Mac OS did, Acorn RISC OS did. DOS and most other CLIs had a black background.

At some point we moved to white backgrounds, I think around the time that WYSIWYG editing became popular. But white isn't a great colour for backgrounds, especially back-lit ones like computer monitors. A little less contrast and a little less blue light seems to be the way things are going. Indeed, many programmer's editors offer this as a feature, when it used to be the default.

Why do white backgrounds persist? Why are they the default in almost everything? What benefit do they have, or is it a simple lack of most developers giving it much thought?

Here is an example of AmigaOS showing good contrast levels but not excessive brightness:

enter image description here

2

3 Answers 3

2

Higher contrast text is easier to read.

Studies by vision experts and usability experts show that higher contrast text is easier to read, period. So, black on white is best.

Higher contrast level led to farther viewing distance, reduced eye sore, and lower eye strain

The American Academy of Optometry

Study after study backs up the conclusion that maximizing contrast maximizes legibility, specifically, with black text on white backgrounds.

Web Usability Experts Concur with the Scientific Community

Nielsen Norman Group tells us in “Low-Contrast Text Is Not the Answer”:

Summary: Low-contrast text may be trendy, but it is also illegible, undiscoverable, and inaccessible. Instead, consider more usable alternatives.

Check out Contrast Rebellion for a visceral demonstration.

What do the “big guys” do?

So the science comes down on the side of black-on-white text. But does this work in real life? The fact that industry leaders including Google, Amazon, and Wikipedia have standardized on it should be a big hint that they have found that it helps them maximize their conversions.

(Non-dominant major sites may have found that using a slightly different color scheme, such as Bing’s grey-on-white text, help them differentiate their site without hurting their conversions.)

Your mileage may vary

None of this is to say that your site could not benefit from some other color scheme for text. You’ll have to find that out for yourself. But the question was, why is black-on-white text so prevalent, and the answer is: science and metrics.

9
  • 1
    White on black gives me eye strain. I have to turn the brightness down until the white becomes grey to avoid it. I always figured that was when when computers started to go graphical they used black on light grey. It's still got plenty of contrast but doesn't burn your retina out.
    – user
    Nov 28, 2016 at 9:28
  • White text on black background does NOT have low contrast because it has a contrast ratio of 21:1. The issue is about eye strain not contrast, e.g. looking a bright white background for a long period will cause eye strain. Black or grey backgrounds are less bright so are better for prolonged periods.
    – SteveD
    Nov 28, 2016 at 9:51
  • 1
    No, I agree that it's the luminance that is the issue, not contrast. That's why white backgrounds are bad, they blast you with the full backlight of the monitor and saturate your receptors. Paper is only white because that's its natural colour and black ink is easier to make than white ink.
    – user
    Nov 28, 2016 at 15:18
  • 1
    So actually it looks like my suspicion was right, white was likely chosen for maximum contrast or to mimic paper, without consideration of the effect on long term viewing.
    – user
    Nov 28, 2016 at 15:22
  • 1
    Paper is not naturally white. It's made from wood so it's naturally the color of the wood it's made from. White paper is bleached. Nov 28, 2016 at 16:55
1

I wouldn't say that white backgrounds are default. This page, for example, may seem white but it's actually gray (#FCFCFC) and the text is not black, it's gray too (#242729). You will rarely find #000000 text on #FFFFFF background in a professionally designed site or app.

Pure white and pure black do present a strain with long-term use, but the answer is not to dramatically reduce contrast to the point where you are trying to read mid-range gray on mid-range gray. A subtle reduction in contrast goes a long way toward reducing eye strain while ensuring readability.

3
  • Good point. Note that I wasn't suggesting using very low contrast as a solution, just a bit lower than what we have now.
    – user
    Nov 28, 2016 at 17:11
  • @ゼーロ Sure you don't want to try this? Nov 28, 2016 at 17:22
  • The question was not about pure white; near white was included: "Why do so many applications and web sites use a white, or very near white"
    – Tim Grant
    Nov 28, 2016 at 18:01
0

I'd like to add to @Tim Grant's answer. In addition to contrast there can also be an issue of color blindness. There are many different forms of color blindness and since you also want high contrast it may be difficult to find 2 colors that have good contrast, but no issues with any form of color blindness. However, black and white does not cause any issues with color blindness.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.