Tools · Readability audit
Contrast
WCAG contrast ratio for a text and background colour, and the nearest colour that passes.
You want to know if UI text is readable on its background, and which colour would fix it.
This version
Synced 2026-09-27 from commit a5f9748.
- ·New sample image, made from Kenney's public domain art
Pick a text colour and a background, or click a word in a screenshot to take both from it. The report gives the WCAG 2.x contrast ratio and whether it passes AA and AAA for normal and large text. A sample card shows the text at 8, 12, 16 and 24 px in a pixel font on your two colours.
If it fails, it suggests the nearest colour that passes: same hue, lightness moved. You choose which of the two colours it changes and which level to aim for. The hex is in the report. For reference, #777 on white comes out at 4.48, just under AA.