Contrast Checker

Check text and background colors against WCAG 2.2 AA and AAA contrast requirements and get the nearest passing color.

How to use Contrast Checker

1. Pick a text color and a background color.
2. Read the contrast ratio and AA/AAA results.
3. Click a suggested color to fix failing contrast.

Frequently asked questions

What contrast ratio is required?

WCAG AA needs 4.5:1 for normal text and 3:1 for large text; AAA needs 7:1 and 4.5:1.

What counts as large text?

At least 18pt regular or 14pt bold.