Color Contrast Checker
Check color contrast for WCAG 2.1 AA and WCAG 2.2 AA/AAA conformance. Eyedropper, smart suggestions, and color history, all without leaving the page.
Color Contrast Is One of the Most Common Failures
Low contrast between text and its background makes content difficult or impossible to read for people with low vision, color vision deficiencies, or situational impairments like screen glare. Meeting WCAG contrast ratios is a fundamental part of web accessibility.
Minimum contrast for body text at normal sizes under WCAG 2.1 and 2.2.
Minimum contrast for text that is 18pt or 14pt bold and larger.
Enhanced contrast for normal text: the highest readability standard.
Enhanced contrast for large text under WCAG 2.2 AAA conformance.
Minimum contrast for UI components and graphical objects (SC 1.4.11).
More Than Just a Ratio Check
Pick colors, check conformance, get fix suggestions, and preview changes, all from one tool.
Built-In Eyedropper
Pick any color directly from a webpage with Chrome's native EyeDropper API. No inspecting elements or digging through code.
Live Preview
See your color combinations rendered in real-time directly on the page before you commit to any changes.
Smart Suggestions
Get instant, accessible color alternatives when a combination fails. Fix contrast issues without starting over.
Color History
Track and reuse previous color combinations. Ideal for auditing multiple pages or working within a design system.
Multiple Color Formats
Enter colors in HEX, RGB, HSL, OKLCH, LAB, LCH, or named colors. Convert between formats instantly.
APCA (WCAG 3.0) Preview
Experimental support for the Advanced Perceptual Contrast Algorithm. Get a head start on future conformance requirements.
How It Works
Install, pick, check, and fix in seconds.
Install the Extension
Add it to Chrome in one click from the Chrome Web Store. No account or setup required.
Pick Colors from Any Page
Use the built-in eyedropper to select foreground and background colors directly from any website.
Check Conformance Instantly
See pass/fail results for WCAG 2.1 AA, WCAG 2.2 AA/AAA, and experimental APCA scores, all in real time.
Fix and Apply
When a combination fails, get smart color alternatives using the OKLCH color space. Preview changes before applying.
Works With Every Format You Use
Enter colors in whichever format you prefer. The extension supports all major color spaces and converts between them instantly.
Everything Else You Need
Thoughtful details that make this the go-to tool for accessibility work.
Dark Mode
Automatic system preference detection with full dark mode support.
Export Settings
Export your settings and color history for backup or sharing across devices.
Import Settings
Import saved configurations to restore your setup on a new device instantly.
100% Private
All data stays on your device. No tracking, no external servers, no data collection.
Built by Accessibility Tracker
Accessibility Tracker is an audit-based accessibility project management platform built by Accessible.org, a digital accessibility company that specializes in WCAG audits and VPAT services.
This color contrast checker is a free tool built to give accessibility professionals, designers, developers, and anyone who needs to verify color contrast a fast, reliable, and private way to check conformance directly in the browser.
Start Checking Color Contrast Today
Free, fast, and private. Install the extension and verify WCAG conformance without leaving the page you are testing.