Contrast ratio

Client

WCAG luminance contrast ratio for a color pair.

21.00:1

Nearby workflows on Toolcore

  • WCAG contrast checker — Foreground vs background: contrast ratio and WCAG AA/AAA for normal and large text. when color values need conversion, contrast review, or theme export.
  • WCAG AA large text — Pass/fail WCAG AA large text (3:1) for a pair. when color values need conversion, contrast review, or theme export.
  • Color tools — Hub for converter, harmony palettes, tint/shade scales, Tailwind-style theme, MUI createTheme palette, HeroUI-style CSS variables, WCAG c… when color values need conversion, contrast review, or theme export.
  • Relative luminance — WCAG relative luminance of a hex color. when color values need conversion, contrast review, or theme export.

About this tool

The contrast number used in WCAG checks.

Common use cases

  • Contrast ratio for quick local checks without uploading data.
  • Copy results into tickets, docs, or classroom notes.

Common mistakes to avoid

  • Unexpected input shape

    See the intro and how-to notes for accepted formats.

FAQ

Is processing local?

Yes—this runs entirely in your browser.

Agent prefill?

Use q or qb for the main text field when supported.

More tools

Related utilities you can open in another tab—mostly client-side.