Color Contrast Checker
Calculate text and background contrast ratios and check WCAG requirements for readability.
FreeBrowserAbout Color Contrast Checker
Calculate the contrast ratio between foreground and background colors and inspect WCAG text contrast thresholds. Use the preview to compare a proposed text color across light and dark surfaces.
When to use this tool
- Check body text and button labels.
- Evaluate a brand color on a dark background.
Limits to know before using it
A color ratio checks one aspect of accessibility. Gradients, image backgrounds, opacity and the full component states require separate evaluation.
Data handling and cost
The main operation runs in your browser; tool input is not uploaded for processing. The site can still use session cookies and collect operational or usage data as described in the privacy policy.
Free to use in your browser, with no sign-in needed.
Frequently Asked Questions
It uses the WCAG relative luminance contrast ratio formula and reports AA/AAA results for normal and large text.
No. Contrast is one important check, but accessible UI also depends on font size, weight, focus states, layout, motion, and context.
Yes. Paste or pick foreground and background colors to quickly see whether the pair is suitable for text.