Accessible Colour Contrast

Check WCAG contrast and get colour fix suggestions.

Runs locallyNo signupMobile readyCopyableFree

◐Accessible Colour Contrast

All processing happens locally

Foreground

Background

Contrast preview: Kongzi Business tools, free and online

Result

Accessible Colour Contrast is an accessibility contrast compliance tool, checks run locally, so unreleased design palettes stay private.

Body text needs at least 4.5:1 and large text 3:1. When it fails, darkening the background sometimes looks better than recolouring the text.

Paste or type your content into the input field at the top, or press the sample button to load demo data.
Adjust the options below the input, such as output format, separators, letter case or precision.
Press the main button to run the conversion. Results appear instantly in the output panel without a page reload.
When the result looks right, use the copy button in the corner, or download it as a local file.

Clean up stray spaces and line breaks before pasting for more accurate results.

AA versus AAA?+

AA requires 4.5:1 for body text and AAA 7:1, the latter suiting long text and low vision users.

Does it fix colours automatically?+

It suggests alternative colours that reach the target ratio by adjusting lightness.

Do graphics have requirements?+

Yes, UI components and graphics should reach 3:1.

Is Accessible Colour Contrast free to use?+

Yes. The tool is completely free with no usage limits, and you never need an account or a sign-in.

Is the text I enter uploaded anywhere?+

No. All processing runs locally in your browser, so the input never reaches a server and is never logged or stored.

Does Accessible Colour Contrast work on a phone or tablet?+

Yes. The layout is mobile-first, so inputs and buttons stay comfortable on phones and tablets in both orientations.

Can I copy the result into my own document?+

Yes. A copy button in the output panel puts the result on your clipboard, and you can also download it as a text file.