Tool

Text on Color

Preview real text on any background color. WCAG score, automatic text color suggestion, simulation of different typographic styles.

#
#
:1
AAA (≥7.0)
Design
 · 

WCAG accessibility standards

WCAG defines minimum contrast ratios to ensure text readability. Level AA requires 4.5:1 for normal text and 3:1 for large text. The stricter AAA level requires 7:1 and 4.5:1. These standards help millions of people with visual impairments.

Choosing the right text color

On a dark background, prefer white or a very light tone. On a light background, black or a very dark tone. Avoid middle grey — it's rarely accessible. Complementary high-contrast colors work well visually but can tire during extended reading.