WCAG Contrast Checker

Check whether two colors meet WCAG 2.2 contrast requirements for text.

Contrast ratio
17.29:1
Normal text
AAPassAAAPass
Large text (18pt+ / 14pt bold)
AAPassAAAPass
UI components & graphics
3:1Pass

Large heading sample

This is body text shown on the chosen background to preview real legibility.

What do these levels mean?

  • AA requires 4.5:1 for normal text and 3:1 for large text — the legal baseline in most regions.
  • AAA requires 7:1 for normal text and 4.5:1 for large text — enhanced accessibility.