builderr.

Contrast Checker

Contrast Checker

Check WCAG color contrast ratios between two colors.

21.00:1

Contrast Ratio

Foreground (text)

Background

Pass

AA Normal

≥ 4.5:1

Pass

AA Large

≥ 3:1

Pass

AAA Normal

≥ 7:1

Pass

AAA Large

≥ 4.5:1

Preview

Large Text Preview (24px+)

Normal body text looks like this. The quick brown fox jumps over the lazy dog. Check readability across different font sizes and weights.

Small text is hardest to read and needs the highest contrast ratio for accessibility.