Open to full-time roles
Hire me
Free tool

Contrast Checker

Check if text is readable on its background, against WCAG AA and AAA, and get the closest colour that passes.

Text colour
Pick
Background colour
Pick

Why it matters

Readable text is good design and the law.

AA is the usual target

Normal text needs 4.5 : 1 and large text 3 : 1. Most accessibility laws point to WCAG AA.

Grey text fails most often

Light grey on white is the most common problem on Webflow sites, especially for captions and footers.

Fix it in your variables

Change the colour once in your Webflow variables, and every place that uses it is fixed.

Want your site checked for accessibility?