Color Contrast Checker (WCAG)

Enter a foreground and background color and get the WCAG contrast ratio. Shows pass/fail for normal text (AA: 4.5:1, AAA: 7:1) and large text (AA: 3:1, AAA: 4.5:1). Essential for accessible design.

100% freeNo sign-upRuns in your browserNo upload · data stays private

📖 Read the full Color Contrast Checker (WCAG) guide — how it works, examples & FAQ →

How to use this tool

  1. Enter the foreground (text) color.
  2. Enter the background color.
  3. Read the contrast ratio and WCAG grades.

Example

#C9A961 on #0E0C09 → contrast 7.2:1 — passes WCAG AAA

Why it's private

This tool runs entirely in your browser using JavaScript. Whatever you paste is processed on your own device — it is never uploaded to a server, logged, or stored. Built by Calabi, which also strips AI metadata and C2PA signals from images and video.

Related tools