Free · Accessibility · Browser-based
Color Contrast Checker
Calculate WCAG text contrast ratios from two hexadecimal colors.
Scope: A good numeric ratio alone does not establish complete accessibility for a page.
Try the tool
Your result appears here after you run the tool.
Private by design: tool input and output are processed within your browser. Do not paste secrets or sensitive data into any online page. No account required.
How to use this tool
Enter foreground and background colors and compare normal and large text thresholds.
Review the result yourself before using it in an operational process or publishing it. The output is intended to be edited and checked against actual facts and applicable requirements.
Practical example
Compare #ffffff against a deep green button background.
What this result does not establish
A good numeric ratio alone does not establish complete accessibility for a page. A passing heuristic check or a generated document never certifies legal, security or accessibility compliance.