Contrast Checker

Test foreground and background color combinations against WCAG 2.1 AA and AAA contrast requirements.

Color Selection

Foreground (text)

Background

Quick presets

Result

Contrast Ratio

5.70:1

Rating

Good

✓AA · Normal text (< 18px / 14px bold)4.5:1

✓AA · Large text (≥ 18px / 14px bold)3:1

✗AAA · Normal text7:1

✓AAA · Large text4.5:1

✓ Passes WCAG 2.1 AA for normal text — safe to use.

Live Preview

The quick brown fox jumps over the lazy dog

Large Heading Example

Small body text — this is where contrast matters most. Readability for long-form content depends on sufficient contrast between the text and its background.