Color Contrast Checker

Check contrast ratio between text and background colors to ensure WCAG AA/AAA accessibility compliance.

Color Inputs

Foreground (Text)

Background

Result & Preview

Contrast Ratio: 4.50:1

Aa — Sample Text

WCAG AA requires ≥4.5:1 for normal text and ≥3:1 for large text (≥24px or ≥19px bold).

WCAG AAA is stricter: ≥7:1 (normal) and ≥4.5:1 (large).

Low contrast causes readability issues, especially for visually impaired users.