Skip to content
ToolGrid AI

Color Contrast Checker

Calculate WCAG contrast for two solid sRGB colors.

Runs entirely in your browser — your selected files are not uploaded by this tool. Device-provided speech voices may use online services.

About this free color contrast checker tool

Calculate WCAG contrast for two solid sRGB colors. Developer utilities inspect or transform data locally rather than contacting the address or service shown in your input. Use fictional samples while checking a format, keep credentials out of shared screenshots and validate the result against the receiving system. Successful parsing does not establish trust, security or schema correctness.

A practical example

A concrete example uses text color: #ffffff; background color: #000000. The result is Contrast ratio: 21.00:1 AA normal text (4.5:1): Pass AA large text (3:1): Pass AAA normal text (7:1): Pass.

Before you rely on the result

Two opaque sRGB colors only. Text on gradients, images or transparent layers needs the actual blended background and a wider accessibility review.

Learn more

More developer tools