What contrast ratio does WCAG require?

WCAG AA requires 4.5 to 1 for normal text and 3 to 1 for large text. Non-text interface components generally require 3 to 1 against adjacent colors.

Do logos have to meet text contrast rules?

Logotypes are exempt from WCAG text contrast requirements, but checking contrast is still useful for visibility and for colors reused in text or interface components.

Does this replace accessibility testing?

No. Contrast is one check. The final website or product should also be tested for keyboard use, semantics, zoom, focus, motion, and assistive technology support.

Free accessibility tool

Logo Contrast Checker

Extract colors from a logo, choose a foreground and background, and see the exact WCAG contrast ratio. You can edit either value to test approved brand combinations.

Private by design. Your image is analyzed locally in this browser. It is not uploaded or stored.

Drop a logo hereor choose a PNG, JPG, or WebP up to 10 MBChoose image

What the contrast results mean

3:1AA for large text and a common threshold for meaningful UI graphics.

4.5:1AA for normal text and AAA for large text.

7:1AAA for normal text.

WCAG exempts text that is part of a logo or brand name from the text contrast requirement. That exemption does not make low contrast a good practical choice, and it does not apply automatically when brand colors are reused for navigation, buttons, body text, charts, or form controls.

Check the final context, not only the logo file

A transparent logo can appear over many surfaces. Test every approved light, dark, photographic, and tinted background. Where contrast is weak, create an official reversed or single-color variant instead of adding an improvised shadow or outline at the point of use.

Logo Contrast Checker

Uploaded logo

Waiting for analysis

What the grader found

Logo palette

WCAG contrast pair

What the contrast results mean

Check the final context, not only the logo file