Contrast Checker

Check the contrast ratio between two colors against WCAG 2.1 accessibility standards (AA and AAA).

Text Color (Foreground)

Background Color

14px Normal — The quick brown fox jumps over the lazy dog.

18px Large — The quick brown fox jumps over the lazy dog.

24px Heading — The quick brown fox

—

WCAG Contrast Requirements

AA Normal text: Minimum ratio of 4.5:1. Applies to text smaller than 18pt (or 14pt bold).

AA Large text: Minimum ratio of 3:1. Applies to text 18pt+ (or 14pt+ bold).

AAA Normal text: Enhanced ratio of 7:1 for best readability.

AAA Large text: Enhanced ratio of 4.5:1 for large text.

Meeting these requirements ensures your content is readable by people with visual impairments, including color blindness and low vision.