Contrast Checker

Checks contrast ratios according to WCAG 2.1.

Input

Text color (Hex): Background color (Hex):

Output

What is the Contrast Checker?

The Contrast Checker evaluates the contrast ratio between text and background colors based on WCAG 2.1 accessibility standards. It helps designers and developers ensure that interfaces remain readable for all users, including those with visual impairments. By entering two hex colors, the tool calculates the exact contrast ratio and determines whether it meets AA or AAA compliance. This makes it ideal for UI/UX design, frontend development, and accessibility audits. Everything runs client‑side, ensuring fast performance and full privacy.