Contrast Checker — Dower Productions

Colour contrast checker

Test any colour combination for WCAG accessibility compliance. Upload an image or PDF to scan your full design palette in one go.

WCAG 2.1 AA & AAA Image & PDF scan Suggests fixes Free to use

Foreground (text)

Background

↑

Click to upload or drag & drop

PNG · JPG · WebP · SVG

Choose a mode above, then click anywhere on the image

Foreground

#173D3D

Background

#FFFFFF

Common combinations

Tips for designers

◆Every element needs its own check — headings, body text, buttons, and links all must pass independently.

◆AA (4.5:1) is the legal baseline in most countries. Large text (bold 18px+, regular 24px+) only needs 3:1.

◆Text over photos often fails. Test your overlay colour as the background value, not the image.

◆UI states matter too — disabled, hover, and placeholder text all need sufficient contrast.

◆Use Palette Scan to upload a brand document and check all your colour combinations at once.

Storytelling with a cause.

This is how your text reads against this background. Accessibility matters at every touchpoint of your design.

Button · Link · Caption · UI Label

— : 1 contrast ratio

WCAG results

Saved combinations

Hit + Save above to log a combination here.

Suggested fixes — click any to apply

These adjustments reach at least WCAG AA (4.5:1) while staying close to your original colours.

Palette scan

Upload any image or PDF — we'll extract the dominant colours and automatically check every combination for accessibility compliance.

Click to browse or drag & drop a file

PNG · JPG · WebP · PDF

Processing…