offlinewebtools.com — free, watermark-free browser tools that stay on your device with nothing uploading to our servers

WCAG Contrast Checker

Check color contrast ratios for web accessibility compliance

What this tool does

WCAG Contrast Checker helps you check color contrast ratios for web accessibility compliance.

What you get

WCAG Contrast Checker produces a direct output in this page and keeps all processing on your device, with nothing uploaded to our servers.

Free to use, no watermarks, runs in your browser—nothing uploads to our servers

Normal Text

This is how your text will look with these colors.

Large Text (18pt+)

Contrast Ratio

21.00:1

WCAG 2.1 Compliance

AA - Normal Text (4.5:1)

Required for body text

Pass

AA - Large Text (3:1)

Required for 18pt+ or 14pt+ bold

Pass

AAA - Normal Text (7:1)

Enhanced accessibility

Pass

AAA - Large Text (4.5:1)

Enhanced for large text

Pass

Guidelines

  • • AA Level is the minimum for web content (required by law in many countries)
  • • AAA Level provides enhanced accessibility for users with vision impairments
  • • Large text is defined as 18pt+ (24px+) or 14pt+ (18.5px+) bold
  • • Higher contrast ratios improve readability for everyone

Jump to helper sections

Jump to FAQs Jump to related tools

Report a bug

If this tool misbehaves, share a quick summary so we can investigate. We include the tool URL automatically—no need to copy and paste.