Design & Multimedia
Color Contrast Checker
Check color contrast for accessibility
Formulas and edge cases are reviewed against authoritative references before publication. For methodology, editorial standards, or corrections, use the links below.
Frequently asked questions
What does the Color Contrast Checker do?
It helps you check color contrast for accessibility.
What inputs do I need?
Enter Foreground color and Background color.
Are decimals supported?
Yes, you can use decimal values where appropriate.
Related tools
About this tool
This Color Contrast Checker turns your inputs into practical results. Provide Foreground color and Background color to calculate Contrast ratio and Large text.
Adjust values to compare scenarios and see how sensitive the result is. The calculation uses the numbers as entered, so double-check units and expect small differences from rounding in the displayed totals.