Every serious reading medium — books, newspapers, legal documents, most of the web — settled on dark text over a light background. That was not habit or the limits of ink. It is how human vision prefers to read, and modern display research keeps confirming what printers knew by trial and error.
The optics of dark-on-light
A bright background constricts the pupil. A constricted pupil behaves like a small camera aperture: greater depth of field, sharper focus, and far less impact from small imperfections in the eye’s lens. Dark letterforms sitting on that bright field hold their edges — no halation, no bloom, no ghosting. This is the exact mirror image of what happens with white text on black, where the dilated pupil works against you. Researchers call this the positive-polarity advantage, and it shows up as faster reading and fewer errors across age groups.
The numbers
Pure black #000000 on pure white #FFFFFF measures 21:1 — the maximum the WCAG formula returns and identical to its inverse. The difference is that dark-on-light gets the full benefit of the ratio without paying the halation penalty. In practice most designers soften slightly: #16181D or #212121 text on white lands around 16–18:1 and feels less stark on large, bright monitors, while an off-white background around #FAF9F6 reduces glare in bright rooms at almost no contrast cost — see our off-white shades.
Why it still wins on screens
Sharper at small sizes
Body text at 14–16px keeps crisp counters and strokes; the same text light-on-dark visibly thickens.
Better in daylight
Most reading happens in lit rooms. A light screen matches the environment; a dark one fights it.
Forgiving of imperfect eyes
Astigmatism, aging lenses and cheap panels all hurt less when the pupil is small.
When to soften, when not to
Soften for long-form reading on large screens: near-black text and a barely-warm white reduce glare fatigue. Do not soften for small text, low-quality displays, outdoor and bright-sunlight use, or any accessibility-first context — reduced contrast disproportionately hurts low-vision readers, and the “elegant grey text” aesthetic is a different problem entirely. We covered its failure modes in grey text on a white background.
Practical values
| Pair | Ratio | Use |
|---|---|---|
| #000000 on #FFFFFF | 21:1 | Maximum legibility, small text, print |
| #16181D on #FFFFFF | ~17:1 | Softer long-form body text on screens |
| #333333 on #FFFFFF | 12.6:1 | Common web body default, still AAA |
| #16181D on #FAF9F6 | ~16:1 | Warm reading surface, less glare |
| #595959 on #FFFFFF | 7:1 | Secondary text at the AAA line |
Test any color pair yourself with our free contrast checker — live WCAG ratios as you pick.
Frequently asked questions
Is black text on white the most readable?
For sustained reading in normal light, dark-on-light consistently outperforms light-on-dark. Slightly softened blacks and whites are often even more comfortable than the pure extremes.
Is pure white background bad for eyes?
Not harmful. In very bright rooms or on very bright monitors it can glare; lowering screen brightness or using a warm off-white solves it without hurting contrast.
Why do e-readers default to black on white?
Because it is the fastest, least fatiguing combination for long reading — the same reason print does.
Need a clean white canvas for your own design or product photos? Grab one from pure white background downloads.