Color contrast checker
Check contrast between two colors against WCAG 2.x text thresholds.
Your results
Color contrast checker
Compare a proposed text color with its background before using the pair in a website or document. The contrast ratio helps assess the selected opaque colors against text thresholds. Test the final design separately in its actual context.
How to use this tool
- Enter the details above.
- Review the settings and create your result.
- Download and check the output before using it.
Available settings
- Text color · hex
- Background color · hex
Output and limitations
Check contrast between two colors against WCAG 2.x text thresholds.
Accepts opaque three- or six-digit hex colors. Reports AA and AAA thresholds for normal and large text. Does not assess font size, images, gradients or an entire page.
What if processing fails?
Check the supported formats and file limits, then try a smaller file. Keep an original copy. A clear error message will explain an unsupported input or an unavailable processing service.