Color Contrast Checker
Check the contrast ratio between two colors against WCAG accessibility standards.
Advertisement
Large text sample
Normal body text sample — the quick brown fox jumps over the lazy dog.
—
Contrast ratio
| Level | Normal text | Large text |
|---|---|---|
| WCAG AA | — | — |
| WCAG AAA | — | — |
How to use
- Pick a text color and a background color.
- See the contrast ratio between them.
- Check whether it passes WCAG AA and AAA for normal and large text.
Frequently asked questions
What contrast ratio do I need?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 and 4.5:1. Higher is more readable.
Why does contrast matter?
Sufficient contrast makes text readable for everyone, especially people with low vision, and is a core accessibility requirement.
🔒 This tool runs entirely in your browser. Nothing you enter is uploaded, logged, or stored.
Related tools
Advertisement