Color contrast checker
Check WCAG 2.2 text / background contrast with a live text preview and AA / AAA results. Files and entered content are not sent to or stored on a server.
How to use
Check WCAG 2.2 text / background contrast with a live text preview and AA / AAA results.
Supported formats & limits
Values / Images → SVG / PNG
Processing stays in this browser. File formats and available memory may limit the result.
Normal text needs 4.5:1 for AA and 7:1 for AAA; large text needs 3:1 and 4.5:1 respectively.
Color contrast checker User guide
Instructions
- Enter text and background colors as six-digit HEX.
- Inspect normal and large text in the preview; swap colors if needed.
- Read the ratio and separate AA / AAA pass results.
Example
Input / settings
Text #000000 · background #ffffff
Result / checks
21:1 · passes AA and AAA
Please note
- Normal text needs 4.5:1 for AA and 7:1 for AAA; large text needs 3:1 and 4.5:1 respectively.
- Uses opaque solid colors and the unrounded ratio. Large text is 24 px regular or about 18.67 px bold.