Color

Contrast Checker (WCAG 2.1)

Check color contrast for text per WCAG AA/AAA. Tune colors with one‑click fixes to reach targets. All client‑side.

← Back to all tools

Foreground

Background

Preview settings

Contrast ratio

—

AA (normal text)

—

AA (large text)

—

AAA (normal text)

—

AAA (large text)

—

Fix to AA (normal)

—

Fix to AAA (normal)

—

About this tool

WCAG 2.1 contrast thresholds: AA requires normal text ≥ 4.5:1 and large text (≥ 24px or ≥ 19px bold) ≥ 3:1. AAA requires normal ≥ 7:1 and large ≥ 4.5:1. This tool shows compliance and suggests minimal color tweaks (toward black/white) to reach your target. Everything runs locally in your browser.