WCAG 1.4.3 · 1.4.6 · 1.4.11
Colour contrast checker
Low contrast is the most common accessibility problem on the web. Enter a text and a background colour to see whether they meet WCAG 2.2 — and get the closest colour that passes.
Sample text — Large sample
Contrast is only one of many checks
Missing alt texts, unlabeled form fields and unnamed buttons are just as common. Check a whole page for free or let EAA Watch monitor every page of your site.
Monitor your whole website
Weekly WCAG 2.2 AA scans of up to 500 pages, alerts and reports in 12 EU languages.
How the ratio is calculated
WCAG compares the relative luminance of the two colours: (L1 + 0.05) / (L2 + 0.05). Normal text needs at least 4.5:1, large text (24 px, or 18.66 px bold) and user-interface components need 3:1. AAA requires 7:1 and 4.5:1.