Translation in progress
This page will be translated soon. Please check back again shortly.
Color Contrast Checker
Choose text and background colors to check readable contrast for interfaces and documents.
Everything runs locally in your browser. Nothing is sent to the server.
Aa
Sample text preview
Contrast ratio
17.74:1
Normal text
Pass (4.5:1)
Large text
Pass (3:1)
What it does
Compare two colors and see WCAG-style contrast results for normal and large text.
How to use it
- Choose a text color.
- Choose a background color.
- Check the ratio and results.
Tips
- Dark text on a light background is a common starting point.
- Test the actual font size and weight in your design.
- All calculations stay in your browser.
FAQ
Are colors uploaded?
No. The calculation is entirely local.