Consult
Home > Tools > A11y Contrast Checker

A11y Color Contrast Checker

Ensure your course colors meet WCAG 2.1 guidelines so everyone can read your content.

Color Selection

Why does this matter?

Low contrast text is the most common accessibility failure on the web. It negatively impacts users with low vision, color blindness, and people viewing courses on mobile devices in bright sunlight.

WCAG AA is the standard legal requirement for most organizations. WCAG AAA is the gold standard for ultimate readability.

Contrast Results

Large Text
This is what normal paragraph text looks like.
11.63
Contrast Ratio
WCAG AA
Normal Text (14pt / 18px)
Requires 4.5:1
Pass
WCAG AA
Large Text (18pt / 24px)
Requires 3.0:1
Pass
WCAG AAA
Normal Text (14pt / 18px)
Requires 7.0:1
Pass
WCAG AAA
Large Text (18pt / 24px)
Requires 4.5:1
Pass