Contrast Checker
Check WCAG color contrast. Runs in your browser.
14.40:1 contrast ratio
- AA · normal text Pass (needs 4.5:1)
- AA · large text Pass (needs 3:1)
- AAA · normal text Pass (needs 7:1)
- AAA · large text Pass (needs 4.5:1)
Large text preview
Normal text preview — the quick brown fox jumps over the lazy dog.
How to use
Enter a text color and a background color, or pick them with the color pickers.
The contrast ratio and WCAG pass/fail results update instantly, along with a live preview.
FAQ
Is my data sent anywhere?
No. This tool runs entirely in your browser. Nothing you type, paste or upload is sent to a server or stored anywhere.
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 for normal text and 4.5:1 for large text.
What counts as large text?
At least 24px regular, or at least 18.66px (14pt) bold.