Check if two colors meet WCAG 2.1 AA/AAA accessibility contrast requirements for text. Free, instant.
Colors
Contrast Ratio
17.74:1
The quick brown fox
Normal size body text preview — jumps over the lazy dog.
WCAG 2.1 Compliance
AA — Normal text (4.5:1)
AA — Large text (3:1)
AAA — Normal text (7:1)
AAA — Large text (4.5:1)
About the Contrast Checker Tool
Enter a text color and background color to instantly see the contrast ratio and whether it passes WCAG 2.1 AA and AAA thresholds for normal and large text — essential for accessible web and app design.
100% Private — Processed in Your Browser
Every file stays on your device. DCPIXEL processes images entirely using the browser's built-in Canvas API and WebAssembly — zero server uploads, zero data collection.
Premium Features & Batch Processing
Get started with our free tier for single-file operations. Upgrade to DCPixel PRO to unlock high-speed batch processing, local AI background removal, and advanced PDF controls.
Frequently Asked Questions
What is the difference between AA and AAA?+
AA is the standard legal accessibility requirement most sites target. AAA is a stricter, optional level for maximum accessibility, harder to meet with brand colors.
What counts as "large text" for the 3:1 threshold?+
Text that is at least 18pt (24px), or 14pt (18.66px) bold, per the WCAG 2.1 definition.
Does this check colorblind-safe contrast too?+
This tool checks luminance contrast per WCAG, which helps broadly, but for color-vision-deficiency specifically, use the separate Color Blindness Simulator tool.
User Reviews
Share your experience with Contrast Checker
Loading reviews...
🔥 Speed Up Your Site - 60% Off Launch
Score 99+ on Google PageSpeed Insights
Fast-track Largest Contentful Paint (LCP) under 2.5s and learn secure browser WebAssembly sizing matrices. Get our premium ebook **Pixel Perfect** with 4 bonus guides.