Color Contrast Checker
Enter foreground and background hex colors to calculate the contrast ratio and check common WCAG text thresholds.
Sample text preview
How to use
- Enter two six-digit hex colors.
- Click Check contrast to view the ratio and text thresholds.
- Inspect the preview and test the actual design with users.
About this tool
Enter foreground and background hex colors to calculate the contrast ratio and check common WCAG text thresholds.
Frequently asked questions
What is large text?
For WCAG contrast checks, large text is at least 18 pt regular or 14 pt bold. Also test actual interfaces with users and assistive technology.
When should I use it?
Use this free tool when you need a quick, repeatable result without installing software. Check important results before using them in production work.