Color Contrast Checker
Check foreground and background color contrast against WCAG 2.1 accessibility standards.
Ctrl+Enter to runCtrl+Shift+C to copy
Learn More
Color Contrast Checker: WCAG AA & AAA Compliance Guide
Learn how WCAG contrast ratios work, the difference between AA and AAA levels, and tips for designing accessible color combinations.
What Is Color Contrast and Why It Matters
Color contrast is the difference in luminance between two colors, typically foreground text and its background. Sufficient contrast ensures that text is readable for everyone, including people with low vision or color blindness. Poor contrast makes content difficult or impossible to read, excluding millions of users.
5 min readRead full guide