WCAG contrast checker
Make sure your text passes accessibility standards.
The quick brown fox
jumps over the lazy dog — Aa Bb 123
18.88 : 1
✓ AA normal (4.5)
✓ AA large (3.0)
✓ AAA normal (7.0)
✓ AAA large (4.5)
About this tool
Check contrast between two colors against WCAG accessibility guidelines. Tells you if your text passes AA or AAA.
Features
- WCAG 2.1 contrast ratio
- AA / AAA pass for text and large text
- Color pickers and swatches
- Suggests adjustments
How to use it
- Pick foreground and background.
- Read the ratio and pass/fail badges.
🔒 100% private
Everything happens inside your browser using JavaScript and WebAssembly. Your files are never uploaded to a server, never stored, and never seen by us.
Frequently asked questions
What ratio do I need?
4.5:1 for normal text (AA), 3:1 for large text, 7:1 for AAA normal text.