Skip to content
♥ Donate

WCAG contrast checker — offline

Text and background contrast, checked against AA and AAA — with an honest live preview.

100% private — files never leave your device

13.98:1

AA normal: PassAA large: PassAAA normal: PassAAA large: Pass

Normal text: The quick brown fox jumps over the lazy dog (16px).

Large text: Readable headline at 24px bold.

How it works

  1. 1

    Enter the text and background colors (or use the pickers).

  2. 2

    Read the contrast ratio and the AA/AAA badges.

  3. 3

    Adjust until every level you target passes.

Related tools

JSON FormatterPretty-print, minify, and validate JSON with exact error positions.Regex TesterLive match highlighting and capture groups (JavaScript flavor).Cron ParserPlain-English explanations and the next five run times.Markdown PreviewLive GitHub-style rendering, sanitized on your device.

Frequently asked questions

What contrast ratio do I need for WCAG?

AA requires 4.5:1 for normal text and 3:1 for large text (18pt+/14pt bold). AAA raises that to 7:1 and 4.5:1. The badges below show exactly which levels your pair passes.

Is anything sent to a server?

No — the WCAG luminance math runs in your browser. Your unreleased brand palette stays private.

Which color formats can I enter?

HEX (#333, #2e8b57), rgb(), and hsl() — or use the color pickers.