Resource Library · Access Coordination

Colour contrast checker

Test any colour pairing against WCAG so your text stays readable for everyone — pick from an image, or scan a whole document at once.

WCAG 2.2 AA & AAA Image & PDF scan Suggests fixes

Caption / label

Storytelling with a cause.

This is body text at a normal reading size, the way most of a page actually reads. Access lives in the small decisions — and contrast is one of the smallest, most important ones. Here is a link in a sentence.

Outline button Solid button
Suggested fixes — click any to apply

These nudge your colours to at least AA (4.5:1) while staying close to the originals.

Recommended high-contrast pairings
Saved pairings
Hit + Save to log a pairing here.
Why it matters
AA (4.5:1) is the practical baseline in Australia under the DDA. Large text (bold 18.5px+ / regular 24px+) only needs 3:1.
UI parts and meaningful graphics — icons, form borders, chart colours — need 3:1 against what's behind them (WCAG 1.4.11).
Check every element on its own — headings, body, buttons, links and captions each have to pass.
Text over photos usually fails. Test the overlay colour as the background, not the image.
Don't rely on colour alone to carry meaning — pair it with text, icons or shape.

Pick colours from an image

Upload a screenshot, logo or photo, then click to sample a foreground and a background. Send them straight to the Quick check.

Choose foreground or background above, then click the image.

Foreground
#173D3D
Background
#FFFFFF

Document palette scan

Upload a page, flyer or PDF. We'll pull out its colours, work out which are doing the job of page and which are text, then check every text-on-background pairing the way a reader actually meets them.

Processing…

Extracted palette

Each swatch is tagged page (a background) or text (ink). We only check text on page — tap any swatch to load it into the Quick check.

Text / background pairs