offlinewebtools.com

WCAG Contrast Checker

Check color contrast ratios for web accessibility compliance

Processes in your browser — never sent 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