White text on a black background is the highest-contrast pairing a screen can produce — a 21:1 ratio, the maximum the WCAG formula can return. By the numbers it should be the most readable combination there is. In practice, a large share of readers find it tiring within minutes, and reading-speed studies consistently show most people read dark-on-light faster. The gap between the math and the experience is the whole story of this article.
What contrast measures — and what it misses
The WCAG contrast ratio compares the relative luminance of two colors. It is a good predictor of whether text is distinguishable. It says nothing about how the eye behaves while distinguishing it, and that is where white-on-black diverges from black-on-white despite an identical score. Contrast is symmetric; human vision is not.
What happens to your eyes on a black background
Faced with a predominantly dark screen, the pupil dilates to admit more light. A dilated pupil is a wider aperture, and a wider aperture means shallower depth of field and less tolerance for imperfections in the eye’s lens. Bright shapes on that dark field scatter slightly across the retina — an effect called halation — so white letterforms appear to glow and bleed into the black around them. Thin strokes look thicker, counters (the holes in letters like “e” and “a”) close up, and the eye works harder to resolve each word.
For a reader with perfect optics this is a subtle fuzz. For the roughly one in three people with some degree of astigmatism, it is much worse: the irregular lens spreads light directionally, and glowing text can appear to double or ghost. We cover that failure mode specifically in why white text on black causes double vision.
Positive versus negative polarity: what the research says
Researchers call dark-text-on-light “positive polarity” and light-on-dark “negative polarity”. The consistent finding across decades of display studies is a positive polarity advantage: on average, people read positive-polarity text faster and with fewer errors, and the advantage grows as text gets smaller and reading sessions get longer. The mechanism is exactly the pupil effect above — smaller pupil, sharper image. The advantage shrinks or disappears in low ambient light, which is why dark mode feels comfortable at night and harsh at noon.
When white-on-black works well
Low ambient light
At night or in a dim room, a bright screen is the harsher option. Dark backgrounds reduce the brightness gap between screen and surroundings.
OLED and AMOLED screens
True black pixels are switched off — dark UIs save battery and produce infinite contrast without backlight bleed.
Fragmented reading
Code editors, dashboards, video players, menus: text arrives in short pieces, so sustained-reading fatigue never builds.
Specific visual conditions
Some readers with light sensitivity, cataracts or certain low-vision conditions genuinely see better on dark. Dark mode should always be available — just not forced.
When it hurts
Long-form reading in normal lighting is where pure white-on-black performs worst: articles, documentation, email, e-books at a desk by a window. Halation compounds over minutes, reading speed drops, and the “my eyes feel strained” feedback appears. It is no accident that five centuries of print settled on black text on white paper.
How to do dark mode right
The fix is not to abandon dark themes — it is to stop using the two most extreme colors available. Every mainstream design system already does this.
- Soften the whiteUse off-white text — #E8EAED, #E6E6E6, or white at 87% opacity — instead of pure #FFFFFF. It cuts halation dramatically with almost no measurable contrast loss.
- Soften the blackVery dark grey (#121212, #16181D, #1A1A1A) reads as black but reduces the pupil swing. Reserve true #000000 for OLED wallpapers — see our black background shades.
- Adjust weight and sizeLight strokes bloom on dark, so text looks bolder than it is. Drop one weight step where possible and avoid thin weights under 16px entirely.
- Mind elevated surfacesCards and modals in dark UIs are lighter than the base. Text that passes on the background can fail on a card — check each surface.
- Verify the ratioSoftened pairs like #E8E8E8 on #16181D still score around 14:1 — well past the 4.5:1 WCAG AA requirement for body text.
Test any color pair yourself with our free contrast checker — live WCAG ratios as you pick.
A practical decision rule
If the content is read for more than two or three minutes at a stretch, default to dark-on-light and offer dark mode as a toggle. If the content is glanced at, scanned or lives on a media-heavy surface, dark-first is fine. If you must ship dark-only, use the softened values above rather than #FFFFFF on #000000. Related: design values for white text on dark backgrounds and when black-background-white-text is the right creative call.
Frequently asked questions
Is white text on black background bad for your eyes?
Not harmful, but more fatiguing for most people during long reading in normal light because of pupil dilation and halation. In dark environments it can be the more comfortable option.
What contrast ratio is white on black?
Pure #FFFFFF on #000000 is exactly 21:1, the maximum possible. Softened dark-mode pairs typically land between 11:1 and 15:1 — all far above the 4.5:1 minimum.
Why does white text look blurry on black?
Halation: light from bright letterforms scatters slightly on the retina, more so through a dilated pupil. Softer whites, slightly heavier text and higher ambient light all reduce it.
Is dark mode better for reading?
For short interactions and dim rooms, often yes. For sustained reading in a lit room, research consistently favors dark text on a light background.
Which is better for accessibility?
Offering both. Some low-vision readers need dark backgrounds; many others read better on light. Contrast must pass on either theme, and the user should choose.