offlinewebtools.com browser-local workbench

Color Contrast Audit

Paste a palette and run live WCAG-based contrast checks with pass/warning/fail recommendations for every pair.

Shipped

Browser local

Palette colors

Enter one color per line. Hex, rgb(), hsl(), and named CSS colors are supported.

WCAG target

Current requirement: at least 4.50:1 contrast.

#000000

#ffffff

#777777

Pair summary

Live updates from 3 color pair checks

Pass

Warning

Fail

Invalid inputs

#000000 ⟷ #ffffff

PASS

Ratio: 21.00:1

Requirement: >= 4.50:1

Pair key: #000000-#ffffff

#000000 ⟷ #777777

PASS

Ratio: 4.69:1

Requirement: >= 4.50:1

Pair key: #000000-#777777

#ffffff ⟷ #777777

WEAK

Ratio: 4.48:1

Requirement: >= 4.50:1

Pair key: #ffffff-#777777

Recommendation: Try background #757575 for 4.6:1 contrast.

What this tool does

Color Contrast Audit helps you paste a palette and run live WCAG-based contrast checks with pass/warning/fail recommendations for every pair.

What you get

Color Contrast Audit produces a direct output in this page and keeps all processing on your device, with nothing uploaded to our servers.

If this tool misbehaves, share a quick summary so we can investigate. We include the tool URL automatically—no need to copy and paste.