Design / free online tool

WCAG Colour Contrast Checker

Calculate contrast ratios and test text colours against WCAG AA and AAA thresholds.

Check two colours

Text colour (#RRGGBB)

Background colour (#RRGGBB)

Helpful context

What counts as large text?

For these text contrast thresholds, WCAG 2.x generally defines large text as at least 18pt regular or 14pt bold.

Is passing contrast enough for accessibility?

No. Screen-reader semantics, labels, focus states, text scaling and other requirements still matter; newer standards may use additional methods.

Keep working

Design

Resize pictures, choose WebP/JPEG/PNG, compare dimensions and download the result.

SEO

Draft a search result snippet with approximate pixel-width guidance.