Color Contrast Checker

Check if your foreground and background colors meet the WCAG accessibility guidelines for contrast ratio.

Normal text preview — The quick brown fox jumps over the lazy dog.

Large text preview (bold 18px+)

Contrast Ratio: 21.00:1

✓ AA — Normal text (4.5:1)✓ AA — Large text (3:1)✓ AAA — Normal text (7:1)✓ AAA — Large text (4.5:1)
What do these levels mean?
  • AA (4.5:1) — Minimum required for normal-sized body text by WCAG 2.1.
  • AA Large (3:1) — Applies to text 18pt+ (or 14pt bold).
  • AAA (7:1) — Enhanced contrast for normal text; recommended for critical content.
  • AAA Large (4.5:1) — Enhanced contrast for large text.