Image Tools
Color Contrast Checker
Measure text/background contrast and see WCAG AA and AAA results.
Readable sample text Aa
—Contrast ratio
—AA normal text
—AAA normal text
WCAG results will appear here.
Results update as you choose colors.
WCAG contrast thresholds
For normal text, WCAG AA requires at least 4.5:1 and AAA requires 7:1. Large text uses lower thresholds of 3:1 for AA and 4.5:1 for AAA.
What the ratio means
A higher contrast ratio generally improves readability between foreground text and the background.