EqualWeb Add to Chrome
Color Contrast · WCAG 1.4.3

Catch low-contrast text before your users do.

Measure color contrast against WCAG 2.2 right on the page. Pick any two colors, see the exact ratio, and know instantly whether it passes AA and AAA.

Add to Chrome — Free See how it works
Free forever — no account or sign-up required.
example.com
EqualWeb AAA
Contrast Checker
17.4:1
Contrast ratio · Passes AAA
The quick brown fox
Sample of selected colors.
FG#1A1A1A
BG#FFFFFF
Normal AA
Normal AAA
Works on any website WCAG 2.1 & 2.2 100% free Runs locally — private
Features

Everything you need to get contrast right

Real-time analysis built for designers, developers, and QA — no spreadsheets, no external calculators.

Live ratio engine

Exact contrast ratios to two decimals, recalculated the instant you change a color.

Eyedropper picker

Sample any foreground or background color straight from the live page in one click.

AA & AAA verdicts

Clear pass/fail for normal and large text against both conformance levels, side by side.

Suggested fixes

Get the nearest passing shade when a pair falls short, so you can fix it without guesswork.

How it works

From install to answer in seconds

1Step

Open on any page

Click the EqualWeb icon in your toolbar while viewing any website you want to check.

2Step

Pick two colors

Use the eyedropper to sample foreground and background, or type any hex value directly.

3Step

Get your verdict

See the exact ratio and AA/AAA pass-fail instantly — then adjust until everything passes.

Why it's better

Manual checking vs. Contrast Checker

Manual checking

Copy hex codes into a separate online calculator
Guess which elements use which colors
Re-check everything by hand after each change
Easy to miss states like hover and disabled

With Contrast Checker

Ratios calculated live, right on the page
Eyedropper grabs the real rendered colors
AA & AAA verdicts update as you tweak
Suggested passing shades in one glance
Standards

Built around the success criteria that matter

Contrast Checker maps directly to the WCAG color-contrast requirements, so the results you see line up with what auditors and compliance teams expect.

Maintained by EqualWeb's accessibility specialists
1.4.3Contrast (Minimum) — AA
1.4.6Contrast (Enhanced) — AAA
1.4.11Non-text Contrast — AA
Pricing

Free. Forever.

Every EqualWeb checker extension is completely free — no trial, no credit card, no account. Install it and start testing in seconds.

Add to Chrome — Free
10% OFF

Need full-site compliance?

The free extension catches issues page by page. The EqualWeb platform automates remediation, monitoring, and audits across your entire site — and readers of this page get 10% off.

Use code
CONTRAST10
Explore the platform
FAQ

Questions, answered

Is Contrast Checker really free?

Yes — 100% free with no trial, license, or account. The full EqualWeb platform is a separate paid product for organizations that need site-wide automation.

Does it send my data anywhere?

No. All analysis runs locally in your browser — the pages you check never leave your machine.

Which browsers are supported?

Chrome and all Chromium-based browsers, including Microsoft Edge, Brave, and Opera.

Do I need to be an accessibility expert?

Not at all. Results are shown in plain language with clear pass/fail verdicts and the exact WCAG criteria behind them.

What is the 10% discount code for?

It applies to the EqualWeb platform — automated remediation, continuous monitoring, and full audits for teams that need site-wide compliance.

Add Contrast Checker to Chrome

Free, private, and ready in seconds. Start checking color contrast today.

Add to Chrome — Free