local-only

Contrast Checker

WCAG contrast ratios for accessible colors.

🔒 local memory only
Initializing Contrast Checker in local browser environment…

How to use Contrast Checker

  1. Select or type foreground text color and background color in hex format.
  2. Inspect the calculated contrast ratio.
  3. Verify WCAG AA and AAA compliance for normal and large text.

Why use this local-first tool?

  • Calculates WCAG 2.1 relative luminance and contrast ratio mathematically.
  • Pass/Fail badges for WCAG AA (4.5:1 / 3:1) and WCAG AAA (7:1 / 4.5:1).
  • Live visual typography preview box.

Frequently Asked Questions

What is the minimum contrast ratio required for WCAG AA?

WCAG AA requires a contrast ratio of at least 4.5:1 for normal body text and 3:1 for large text (18pt or 14pt bold).

Related Developer Utilities

Explore more tools in Inspection & Security
JSON Formatter{ }
Format, validate and minify JSON with a collapsible tree.
Regex Tester.*
Test regular expressions live with match highlighting.
JWT Decoderjwt
Decode JWT header, payload and signature locally.
Cron Parsercron
Parse cron expressions and preview next run times.
HTTP Status Codeshttp
Look up any HTTP status code and its meaning.
Timestamp Convertertime
Convert Unix timestamps to readable dates and back.