Color contrast checker (WCAG)

Contrast between text and background is measured as a luminance ratio, from 1:1 to 21:1. The WCAG 2.2 guidelines require at least 4.5:1 for normal text and 3:1 for large text (24 px, or 18.66 px bold) at level AA; level AAA raises it to 7:1 and 4.5:1.

Sample heading

This is how a paragraph reads with this color combination.

Contrast ratio
14,08 : 1
Normal text AA (4.5:1)Pass
Large text AA (3:1)Pass
Normal text AAA (7:1)Pass
Large text AAA (4.5:1)Pass
Icons and borders (3:1)Pass

It runs in your browser. Nothing you enter is sent to any server.

Common mistakes

  • Light grey text on white: it looks elegant and can't be read.
  • Brand red as small text on black.
  • Text over photos without a layer that ensures contrast.

Shall we talk?

Tell us what you need and we'll reply with a concrete proposal, with scope and phases.

Bring what you want to break.

Custom websites, ecommerce and teams of AI agents. We answer with a concrete proposal.

© 2026 Byte Argentina, Buenos Aires If your brand is one of a kind, your website should be too.
Let's talk