Contrast Checker
Check WCAG contrast ratios between foreground and background colors.
Large text preview (24px bold)
Normal body text preview at 16px. This is how your paragraph text will look with these color choices.
Small text preview at 14px. Fine print and captions use this size.
WCAG 2.1 (Web Content Accessibility Guidelines) defines minimum contrast ratios to ensure text is readable for people with visual impairments, including color vision deficiencies.
AA Normal (4.5:1) — Minimum for body text under 18pt (or 14pt bold). Required for most web content.
AA Large (3:1) — Minimum for large text: 18pt+ regular weight, or 14pt+ bold.
AAA Normal (7:1) — Enhanced contrast for body text. Recommended for long-form reading.
AAA Large (4.5:1) — Enhanced contrast for large text. The highest accessibility standard.