Calculate the contrast ratio of text and background colors.

Use our link contrast checker to evaluate links that are identified using color alone. This tool also functions as a basic API. Simply append &api to any permalink to get a JSON object with the contrast ratio and the AA/AAA pass/fail states. For example: https://webaim.org/resources/contrastchecker/?fcolor=0000FF&bcolor=FFFFFF&api.

Make sure your color choices are as accessible as possible by checking the contrast ratio of your background and text colors.

Check the contrast of your color design for accessibility base on Web Content Accessibility Guideline (WCAG)

Use our free web accessiblity color contrast checker to check your website's color combinations against WCAG A, AA, and AAA requirements.

Contrast-Finder is a tool which computes the contrast between two colors (background, foreground) and checks if the contrast is valid. When the contrast is not valid, the main target is to suggest some correct colors contrasts.

Enter your text color and background color above to see if your color combination is accessible and compliant for those with visual impairments. Your ratio is 21:1. Your colors meet WCAG requirements. GREAT. Small text compliance level AA pass. Small text compliance level AAA pass. Large text compliance level AA pass.

Check the contrast ratio between your website’s background and text colors using this free tool, designed to meet WCAG guidelines

Using a contrast checker helps you understand the contrast ratio of the content of your website such as normal text, large text, and graphical objects and user interface components.

Ensure your designs meet accessibility standards with our Free Color Contrast Checker. Instantly test color combinations for readability and compliance with WCAG guidelines, making your projects inclusive and visually appealing.