🎨

Contrast Checker

Check WCAG color contrast accessibility guidelines

Quick colors:

Preview

Large Text (24px+)

Normal text at 18px would look like this. Regular body copy.

Small text (14px) - This is the most common size for body text on the web. It should be easily readable without straining.

21.00:1
Contrast Ratio

WCAG AA (Minimum)

Normal TextPASS
Large Text (18px+ or 14px bold)PASS

WCAG AAA (Enhanced)

Normal TextPASS
Large TextPASS

WCAG Guidelines

Level AA (Minimum)
  • Normal text: 4.5:1 minimum contrast ratio
  • Large text (18px+): 3:1 minimum contrast ratio
Level AAA (Enhanced)
  • Normal text: 7:1 minimum contrast ratio
  • Large text (18px+): 4.5:1 minimum contrast ratio

Large text is defined as 18pt (24px) or 14pt (18.67px) bold. These guidelines help ensure content is readable for users with visual impairments.