WCAG Contrast Auditor
ColorCheck foreground and background color contrast for WCAG AA and AAA compliance.
Color Contrast Auditor
Sample Text (WCAG 2.1 Contrast Check)
Smaller text for body copy
Batch Audit
Enter colors (one per line) to check against background:
More about the WCAG Contrast Auditor
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. 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