Contrast Checker
Measure the contrast ratio between a text color and background color, checking it against WCAG accessibility standards for readability.
Foreground
Background
Contrast: 5.17:1
The quick brown fox jumps over the lazy dog
✓ AA Normal
✓ AA Large
✗ AAA Normal
✓ AAA Large
About the Contrast Checker
A contrast checker measures the contrast ratio between a text color and background color, checking it against WCAG accessibility standards to ensure text is readable for people with low vision.
How to use
1
Enter your foreground text color and background color.
2
View the calculated contrast ratio.
3
Check whether it passes WCAG AA and AAA standards for normal and large text.
Frequently asked questions
What contrast ratio do I need to pass WCAG AA?
Normal text typically needs a ratio of at least 4.5 to 1, while large text needs at least 3 to 1 to meet the WCAG AA standard.
What's the difference between WCAG AA and AAA?
AAA is a stricter standard requiring higher contrast ratios than AA, intended for content where accessibility is an especially high priority.
Related tools
Explore more tools in the Color category.