WCAG Contrast Auditor
Check foreground and background color contrast for WCAG AA and AAA compliance.
Sample Text (WCAG 2.1 Contrast Check)
Smaller text for body copy
Batch Audit
Enter colors (one per line) to check against the background color above:
Enter colors above, then audit to check them against the background color.
Checking one color pair at a time works fine for a single decision, but an entire design system or a live page typically has dozens of text-and-background combinations at once, body text, links, button labels, form placeholders, each needing its own contrast check, and testing them one pair at a time misses combinations nobody thought to check individually. This tool audits every text and background color combination it can find across a stylesheet or a live page at once, rather than requiring each pair to be entered manually, flagging every combination that fails WCAG AA or AAA rather than the one pair someone remembered to test.
See moreSee less about the WCAG Contrast Auditor
Useful for auditing an entire design system's color combinations in one pass, catching a contrast failure buried in a component nobody thought to check individually, or verifying every text style across a live page actually meets accessibility standards rather than just the obvious ones.
Key features
- Clean interface
- Fast processing
- No signup required
- Works offline