👁 One toolkit, every design task

Contrast Checker

Verify WCAG AA/AAA compliance for text and background colors. Get instant accessibility ratings.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

👁 Contrast Checker

Color Contrast Checker Guide

Color contrast is the difference in luminance between text and its background. Good contrast ensures readability for all users, including those with visual impairments.

Enter a text color and a background color. The tool calculates the contrast ratio and tells you if it passes WCAG AA (minimum) or AAA (enhanced) standards.

Pro Tips

FAQ

Q: What is WCAG?

What is WCAG? WCAG (Web Content Accessibility Guidelines) is the international standard for web accessibility.

Q: What contrast ratio is good?

What contrast ratio is good? 4.5:1 for normal text (AA), 3:1 for large text (AA), 7:1 for enhanced (AAA).