Free Tools

WCAG Contrast Checker

Check if your color combination meets WCAG AA and AAA accessibility criteria for screen and print.

Colors

Preview

See how text looks at different sizes: screen (WCAG) and print (labels, packaging).

Normal size text

Screen — ~16px (WCAG normal text)

Large size text

Screen — 18pt+ or 14pt+ bold (WCAG large text)

Text at 6 points

Print — 6pt Montserrat (small labels)

Text at 8 points

Print — 8pt Montserrat (labels)

Result

21.0:1

Contrast ratio

WCAG AA

  • Normal text (4.5:1)
  • Large text (3:1)

WCAG AAA

  • Normal text (7:1)
  • Large text (4.5:1)

Print / Labels

  • 6pt (small labels) (7:1)
  • 8pt (labels) (4.5:1)

WCAG 2.1 — Normal text: body copy. Large text: 18pt+ or 14pt+ bold. For labels and print, higher contrast is recommended.

Get your questions answered

Frequently asked questions