Color Contrast Checker

Test foreground and background colors for WCAG contrast. See AA/AAA results for normal and large text, and copy a ready-to-use CSS snippet.

Foreground Background

Preview Title

Body text preview. Make sure this is readable for everyone.

Contrast: —

AA/AAA: —

CSS Snippet