Check WCAG contrast ratio for foreground/background colors (local only, no uploads).
Sample text
The quick brown fox jumps over the lazy dog. 0123456789
Aa
Results
Contrast ratio:
-
AA (normal text) ≥ 4.5
-
AA (large text) ≥ 3.0
-
AAA (normal text) ≥ 7.0
-
AAA (large text) ≥ 4.5
-
Suggested foreground
Use black:
-
Use white:
-
How to Use
- Click on the 'Foreground' and 'Background' color swatches to select colors, or enter HEX codes directly.
- View the calculated contrast ratio (e.g., 4.5:1).
- Check the pass/fail status for WCAG 2.1 AA and AAA standards (normal vs. large text).
- Use the 'Color-blind simulation' dropdown to preview how the colors appear to users with different vision deficiencies.
Tips & FAQ
- WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3.0:1 for large text.
- WCAG AAA requires a contrast ratio of at least 7.0:1 for normal text and 4.5:1 for large text.
- If contrast is insufficient, try clicking the 'Use black' or 'Use white' suggestions for a quick fix.
- All calculations are performed locally in your browser to ensure your privacy.
