Contrast Checker

Check the WCAG contrast ratio between two colours, with pass/fail badges for AA and AAA.

Processed on your device

How to use

  1. Pick or type your text colour and your background colour.
  2. Read the contrast ratio and the live preview of your text.
  3. Check the AA and AAA pass/fail badges for normal and large text.

Frequently asked questions

What does WCAG AA mean?

AA is the commonly required accessibility level — a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

What does WCAG AAA mean?

AAA is a stricter, optional level for extra-readable content — at least 7:1 for normal text and 4.5:1 for large text.

Privacy

This tool runs entirely in your browser. Your file is processed on your device and is not uploaded to a server.