Back to Tools

Contrast Checker

Check color contrast ratios for WCAG AA/AAA compliance

Preview

The quick brown fox jumps over the lazy dog. (Normal Text - 16px)

The quick brown fox jumps over the lazy dog. (Large Text - 24px)

Contrast Ratio

21.00:1

Excellent contrast

WCAG Compliance

Normal Text (16px and below)

AA (4.5:1)
AAA (7:1)

Large Text (18px+ or 14px+ bold)

AA (3:1)
AAA (4.5:1)

About WCAG Standards

WCAG AA: The minimum level for legal compliance in many countries. Requires 4.5:1 for normal text and 3:1 for large text.

WCAG AAA: Enhanced level for maximum accessibility. Requires 7:1 for normal text and 4.5:1 for large text.

Large Text: Text that is 18px and larger, or 14px and larger if bold.

Good contrast is essential for users with visual impairments and improves readability for everyone.