Color Contrast Checker

Check the WCAG contrast ratio between a foreground and background color — for accessible text and UI.

Foreground (text)

Background

Large text preview AaNormal-size body text preview — the quick brown fox jumps over the lazy dog.

Ratio

17.74:1

AA Normal

Pass

AA Large

Pass

AAA Normal

Pass

AAA Large

Pass

WCAG 2.1: AA requires 4.5:1 for normal text (3:1 for large text ≥18pt/14pt bold). AAA requires 7:1 (4.5:1 for large text).