WCAG Color Contrast Checker
Check WCAG 2.1 contrast between any two colors. Returns AA/AAA pass/fail for body text and large text. If the combination fails, suggests the smallest lightness adjustment that would pass. Live preview at multiple text sizes.
Large heading
Medium heading
Body paragraph text at the default 16px. Apparently legible? The numbers below say for sure.
Smaller print at 13px — often the canary for contrast issues.
How to use the WCAG Color Contrast Checker
Pick foreground and background. The preview shows real text at multiple sizes; the table below confirms pass/fail against WCAG AA (4.5:1 body, 3:1 large) and AAA (7:1 body, 4.5:1 large). If you're failing, the suggestion box tells you the closest passing version.