Color contrast checker
WCAG 2.1 requires a ratio of at least 4.5:1 for normal text (AA), 3:1 for large text, and 7:1 for AAA.
The quick brown fox jumps over the lazy dog
Contrast ratio
—
Normal text — AA (4.5:1)
—
Normal text — AAA (7:1)
—
Large text — AA (3:1)
—
What is Color contrast checker?
WCAG accessibility guidelines require a minimum contrast ratio between text and its background so people with low vision can actually read it — a ratio is a number from 1:1 (identical colors, unreadable) to 21:1 (pure black on white, maximum contrast).
How to use it
Enter a text color and background color; the live preview and contrast ratio update together, with pass/fail results for AA and AAA compliance at both normal and large text sizes.
Example
White text (#e7eaf0) on dark navy (#10151c) -> 15.20:1 -> passes AA and AAA for all text sizes.