WCAG Contrast Checker
Enter a foreground and background color to see the exact WCAG contrast ratio and whether it passes AA and AAA for normal and large text. Includes a live text preview. Works offline in your browser.
Frequently asked questions
What ratios do WCAG AA and AAA require?
AA needs 4.5:1 for normal text and 3:1 for large text (18pt, or 14pt bold). AAA needs 7:1 for normal text and 4.5:1 for large text.