Contrast Checker
Contrast Checker: free, fast and private. Works in your browser, nothing is uploaded, no sign-up needed.
How to use
Check whether text and background colors have enough contrast to be readable. The tool calculates the WCAG contrast ratio and shows whether it passes AA and AAA for normal text, large text and UI components. Good contrast helps everyone, especially people with low vision.
- Pick or enter a color.
- Adjust the options and watch the live preview.
- Copy the color or CSS code.
More tools
Frequently asked questions
What contrast ratio do I need?
WCAG AA needs at least 4.5:1 for normal text and 3:1 for large text and UI components. AAA needs 7:1 for normal text and 4.5:1 for large text.
What counts as large text?
Text that is at least 24px, or at least 18.66px when bold.
Is it free?
Yes. All tools are free, with no sign-up and no limits.
Is my image or data uploaded?
No. Everything runs locally in your browser, so your images and colors stay private.
Can I use the generated CSS in my projects?
Yes. The code is yours to use in personal and commercial projects without attribution.