1001Ferramentas
πŸ‘οΈ Utilities

WCAG Contrast Checker

Check the contrast between text and background colors per WCAG 2.1 guidelines. Shows the ratio and AA/AAA levels for normal and large text.

Normal size text (16px)

Large text (24px bold)

Small text (12px)

Contrast ratio

maximum 21:1 (black on white)

Understanding WCAG

The Web Content Accessibility Guidelines (WCAG 2.1) define minimum contrast standards to ensure readability for people with low vision.

  • β€’ AA β€” Normal text: ratio β‰₯ 4.5:1
  • β€’ AA β€” Large text (β‰₯18pt or β‰₯14pt bold): ratio β‰₯ 3:1
  • β€’ AAA β€” Normal text: ratio β‰₯ 7:1
  • β€’ AAA β€” Large text: ratio β‰₯ 4.5:1

Related Tools