Color Contrast Checker

Check if your foreground and background colors meet WCAG accessibility standards.

Contrast Preview

The quick brown fox jumps over the lazy dog.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Contrast Ratio

5.17:1

WCAG AA

Pass

WCAG AAA

Fail

In-Depth Guide

Everything you need to know

Web Accessibility ensures that digital content is usable by everyone, including people with visual impairments. Our tool helps you verify that your text is readable against its background.

WCAG 2.1 Guidelines:

  • AA Standard: Minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text.
  • AAA Standard: Enhanced contrast ratio of 7:1 for normal text and 4.5:1 for large text.