Contrast Checker
Check WCAG color contrast ratios. Know instantly if your text is readable.
Contrast ratio
—
The quick brown fox jumps over the lazy dog
Private by architecture: this tool runs entirely in your browser. Nothing is uploaded anywhere.
Questions, answered.
What ratio should I aim for?
4.5:1 for normal text (WCAG AA), 3:1 for large text. 7:1 reaches AAA.
How is the ratio calculated?
Relative luminance per the WCAG formula, computed locally in your browser.