Tools

Contrast checker

Test text and background colours against WCAG 2.1 AA and AAA.

Input

Colours

Quick presets

Result

WCAG 2.1

Contrast ratio

6.50:1

Good

  • AA normal text

    Under 18px, or 14px bold

    4.5:1Pass

  • AA large text

    18px+, or 14px bold

    3:1Pass

  • AAA normal text

    7:1Fail

  • AAA large text

    4.5:1Pass
Passes AA for normal text. Safe to use.

Preview

Live preview

Large heading example

The quick brown fox jumps over the lazy dog

Small body text is where contrast matters most. Readability for long-form content depends on enough contrast between the text and its background.

Button example