What contrast ratio does WCAG AA require?

WCAG AA requires 4.5:1 for normal text and 3:1 for large text (18px or larger, or 14px bold or larger). UI components and icons require 3:1 against adjacent colors.

What is the minimum contrast for AAA?

WCAG AAA requires 7:1 for normal text and 4.5:1 for large text. AAA is a higher standard than AA and is recommended for critical content.

Does contrast ratio apply to images?

WCAG contrast requirements apply to text and meaningful icons, not to photographs. However, text placed over images must meet contrast requirements against the image area behind it — which usually means adding a background overlay.

How to Check Color Contrast for WCAG Compliance

👁️

Try Contrast Checker

Free, no signup →