Check color contrast for accessibility. Test text and background colors against WCAG AA and AAA ratios and see a live preview. Free contrast checker.
About this tool
Compare a text color and background color against the tool’s AA and AAA contrast checks.
How to use Contrast Checker
- Set Text color and Background color.
- Review the preview, contrast ratio and normal-text and large-text results.
- Use Swap colors to inspect the reverse pairing and adjust colors as needed.
Worked example
Compare dark text on a light surface, then test a lighter accent color in the same role.
Does passing this check certify a whole page?
No. It checks the supplied color pair, not keyboard access, semantics, motion or the rest of accessibility.
What about gradients, transparency and images?
A single flat-color pair may not represent the actual background. Check the least readable area and the composited color behind the text.
Explore Color Tools · More practical guides