FREE · DESIGN TOOLS
Color Contrast Checker.
Calculate WCAG contrast ratios for two opaque sRGB colors.
How to use Color Contrast Checker
Enter or choose the required input, adjust the settings, then generate and review the result. Black against white gives a 21:1 contrast ratio.
How it works
Calculate WCAG contrast ratios for two opaque sRGB colors. HEX colors only. WCAG AA/AAA results refer to text contrast, not overall accessibility. Inputs stay on your device. Review the preview or output before using it; refresh the page to clear the current working session.
Example
Black against white gives a 21:1 contrast ratio.
Questions about Color Contrast Checker
Is Color Contrast Checker free, and do I need an account?
Yes. This tool is free to use in your browser without an account. Processing takes place on your device.
What are the limits and what should I check?
HEX colors only. WCAG AA/AAA results refer to text contrast, not overall accessibility. Review the result before using it in your work.
Is my input sent to a server?
Your input is processed in your browser and is not uploaded by this tool. Files and pasted text are cleared when the page is refreshed. Normal website requests are still required to load the page and its libraries. Read the privacy explanation.