Design Tools ›Accessibility

Contrast Checker

Check WCAG 2.1 contrast ratios. Enter any two colors to get instant AA / AAA results.

Foreground (Text)

Background

Large Text Sample

Normal body text at 14px weight 400

Ratio

—

AA Normal

—

AA Large

—

AAA

—

WCAG 2.1 Requirements

AA Normal≥ 4.5:1 for body text

AA Large≥ 3:1 for 18pt+ or 14pt+ bold

AAA≥ 7:1 for enhanced contrast

Quick Presets