Color Contrast Checker
Check text and background colour contrast against WCAG accessibility guidelines.
Contrast Checker Preview
This is normal text. Make sure it's readable against the background colour you selected.
Contrast Ratio
21.00:1
WCAG AA (Normal)
PASS
WCAG AAA (Normal)
PASS
WCAG AA (Large)
PASS
How it works
- 01Select or paste your input into the tool.
- 02Adjust any available options to suit your needs.
- 03Download or copy the generated output instantly.
Frequently asked questions
How to check text and background color contrast online?
Select or type your foreground and background colors in HEX format. The tool calculates the contrast ratio instantly and tells you whether it passes WCAG AA or WCAG AAA compliance levels.
What is WCAG color contrast compliance?
WCAG guidelines require a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text to pass AA standards. To achieve AAA standards, a ratio of 7:1 for normal text and 4.5:1 for large text is required.
Is my color data processed privately?
Yes. All contrast calculations are executed locally on your device in your web browser. No data is sent to a remote server.
Can I test color contrast on mobile devices?
Yes. This tool is fully responsive and optimized for mobile screens as well as desktop layouts.
Does this tool support color previewing?
Yes. It renders a live preview block showing your text color placed directly on top of your background color so you can visual inspect the contrast.