Color converters
Accessibility Contrast Checker
Calculate WCAG contrast and text-size pass levels for two colors. Nothing you enter leaves your browser.
Your result will appear here.
What this tool does
About the Accessibility Contrast Checker
Calculate WCAG contrast and text-size pass levels for two colors. It helps translate a color between design and development notations while keeping the underlying appearance as close as the target model allows.
The tool checks the supplied value and reports validation details so you can correct the source rather than guessing where it failed.
How to use it
- Enter foreground and background colors in the input pane. Use the example button if you want to see the expected syntax.
- Review the input for the structure shown in the example. Then select “Check contrast.”
- Inspect the result for warnings or structural differences, then copy it into the destination system.
Practical example
Start with a known input
Try this sample input: #1A1A1A, #FFFFFF Select “Check contrast” and compare the result with the source before using it elsewhere.
What to know about the result
- Processing happens in this browser. Your entered text and selected files are not sent to FormatCalc for conversion.
Common questions
Using the Accessibility Contrast Checker
Is the Accessibility Contrast Checker free to use?
Yes. FormatCalc's Accessibility Contrast Checker is free to use with no account required.
Is my data private when I use the Accessibility Contrast Checker?
Yes. This tool processes your input locally in your browser. FormatCalc does not upload or store what you enter.
How do I use the Accessibility Contrast Checker?
Paste or type your input, select any available options, and choose Check contrast. You can then copy the result.
What should I check before using the result?
Processing happens in this browser. Your entered text and selected files are not sent to FormatCalc for conversion.