♿

Color Contrast Checker

Color Tools

Check WCAG color contrast ratios for accessibility. Free, private — all processing in your browser.

Text Color

Background Color

The quick brown fox jumps over the lazy dog

Normal text (16px) — Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Small text (14px) — Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Contrast Ratio

17.06:1

✅

AA Normal Text

Requires 4.5:1

✅

AA Large Text

Requires 3:1

✅

AAA Normal Text

Requires 7:1

✅

AAA Large Text

Requires 4.5:1

How to use

1. Enter or paste your data in the input area above
2. Adjust settings or options as needed
3. Click the action button or see real-time results
4. Copy the result with the copy button

All processing happens in your browser. Nothing is sent to any server.

About this tool

Check if your text and background color combinations meet WCAG (Web Content Accessibility Guidelines) accessibility standards. Our Color Contrast Checker calculates the precise contrast ratio between any two colors and tests against all four WCAG 2.1 levels: AA for normal text (4.5:1), AA for large text (3:1), AAA for normal text (7:1), and AAA for large text (4.5:1). The tool includes a live text preview showing your color combination at different font sizes, a one-click color swap button, and clear pass/fail indicators for each WCAG level. Approximately 300 million people worldwide have some form of color vision deficiency — ensuring adequate contrast makes your website usable for everyone and is a legal requirement under the ADA, EU Accessibility Act, and similar laws worldwide.