Color Contrast Checker

Check WCAG contrast ratios between foreground and background colors.

  • Runs in your browser
  • No account
  • Clear output
Enter values and run the tool.
Readable previewSample interface text

How to use

  1. Pick a foreground and background color.
  2. Click Run to check the WCAG contrast ratio.
  3. Review pass/fail results for AA and AAA standards.

Examples

  • Verify your website colors pass WCAG AA standards.
  • Check if a color pair is readable for accessibility.

FAQ

Is Color Contrast Checker free to use?

Yes. The page is designed as a free, lightweight utility with non-intrusive ads instead of accounts or paywalls.

Does this tool upload my files or text?

No. The core work runs in your browser, so files and text do not need to leave your device. See the privacy page for broader site details.