Color Contrast Checker
Check foreground and background color pairs against readability and WCAG guidance.
Color pairMeets AAA
PreviewText for checking readability
Check foreground and background color pairs against readability and WCAG guidance.
ResultsMeets AAA
13.77:1
Contrast ratioWCAG AA
Normal textPass
Large textPass
WCAG AAA
Normal textPass
Large textPass
Palette comparison
| Text / Background | #1F2233 | #F5EFE7 | #78B5E4 | #79C06B |
|---|---|---|---|---|
| #1F2233 | 1.00 | 13.77 | 7.14 | 7.17 |
| #F5EFE7 | 13.77 | 1.00 | 1.93 | 1.92 |
| #78B5E4 | 7.14 | 1.93 | 1.00 | 1.00 |
| #79C06B | 7.17 | 1.92 | 1.00 | 1.00 |
ABOUT THIS TOOL
Check foreground and background color pairs against readability and WCAG guidance.
- This tool runs in your browser. Files and entered content are not uploaded to the server for processing.
USE CASES
- Check readability and accessibility signals before publishing
- Review whether a design change introduced issues
- Share the result with teammates or clients
FAQ
- What can this tool do?
- Check foreground and background color pairs against readability and WCAG guidance.
- How is the input handled?
- Processing happens in your browser. Files and entered content are not sent to the server for processing.
- Does this result prove compliance?
- Use it as a guide. Final judgment should also consider the actual screen, content, and context.