Binatomy
Contrast Checker

WCAG Contrast Checker

Check color contrast and verify compliance with WCAG AA and AAA standards

Normal text (16px)

Large Text (24px Bold)

The quick brown fox jumps over the lazy dog

Contrast ratio

17.06:1

Excellent

WCAG Compliance

AA: Normal text (≥4.5:1)PASS
AAA: Normal text (≥7:1)PASS
AA: Large text (≥3:1)PASS
AAA: Large text (≥4.5:1)PASS
AA: UI Components (≥3:1)PASS
FAQ

Frequently Asked Questions

Everything you need to know about accessibility and WCAG contrast

What is WCAG contrast?

The WCAG (Web Content Accessibility Guidelines) define contrast standards to ensure text is readable for people with visual disabilities. Contrast is calculated as the ratio between the luminance of the lighter color and the darker color, ranging from 1:1 (no contrast) to 21:1 (white on black).

What is the minimum required contrast ratio?

WCAG 2.1 Level AA requires: 4.5:1 for normal text, 3:1 for large text (≥18pt or ≥14pt bold) and UI components. Level AAA requires: 7:1 for normal text, 4.5:1 for large text.

How to improve contrast?

To increase contrast: darken the text (use black or dark grey instead of light grey), lighten or darken the background, avoid colors with similar luminosity values. Tools like WCAG Contrast Checker or browser DevTools can highlight problem areas.

What contrast ratio do the WCAG require?

Level AA asks for 4.5:1 on normal text and 3:1 on large text and interface components. Level AAA rises to 7:1 on normal text and 4.5:1 on large text.

How is the contrast ratio between two colors worked out?

The contrast ratio comes from the relative luminance of the two colors: lighter luminance plus 0.05, divided by darker luminance plus 0.05. Values run from 1:1 to 21:1, which is black on white.

When do the WCAG count text as large?

The WCAG count text as large from 18pt upwards, or from 14pt when bold. Large text only needs a ratio of 3:1 for level AA, against the 4.5:1 asked of normal text.

Does my data stay private?

Yes, and not because we promise it: this tool runs entirely inside your browser. What you type or upload never leaves your device, so it never reaches a server of ours and there is nothing we could keep, read or lose. You can check it yourself: open the page, disconnect from the internet, and the tool keeps working.

Do you store what I enter?

No. There is no database behind this tool: we do not store your files, your text or your results. When you close the tab nothing is left — not here with us, because it never arrived, and not anywhere else.

Do you profile me? Are you GDPR compliant?

We do not profile you: there is no account to create, we never ask for your email to use a tool, and we keep no profile of what you do. We are an Italian company and we work under the GDPR and the other European rules, with the privacy notice and the consent request in plain sight. One thing we say in full rather than hiding it behind a slogan: the ads on the page are Google's, and Google may use cookies to personalise them. You decide from the consent banner: if you say no the ads stay, but they are not personalised, and the tool works exactly the same.

If it is free, how do you make money?

From the ads on the page, and that is all. We do not sell your data, there is no hidden paid plan, there is no limit that eventually asks for your card, and you do not have to sign up. The ads pay for the servers and for the time we spend writing the tools: that is how we can keep them open to everyone.