Check contrast against WCAG
Enter a text color and a background color to see the exact contrast ratio and whether it meets WCAG 2.1 accessibility levels for normal and large text.
The thresholds
- AA — normal text: 4.5:1
- AA — large text: 3:1
- AAA — normal text: 7:1
- AAA — large text: 4.5:1
Large text means ≥24px, or ≥18.66px when bold.
How to use it
- Set the text (foreground) and background colors.
- Read the contrast ratio and the pass/fail badges.
- Use the live preview to judge readability at both text sizes.


