Runs locally
Contrast Checker
WCAG contrast for two colors.
Export and import are available after you sign in. Sign in
Computes the contrast ratio and whether AA and AAA pass for normal and large text.
About this tool
Make sure text is readable for everyone. Enter the text and background colors to get the contrast ratio and a pass or fail for WCAG AA and AAA at normal and large sizes.
How to use it
- 01
Enter the text color.
- 02
Enter the background color.
- 03
Read the ratio and the AA and AAA results.
FAQ
Frequently asked questions
What ratio do I need?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1 and 4.5:1.
What counts as large text?
At least 24 px regular or about 18.7 px bold.