Logo Contrast Checker
Extract colors from a logo, choose a foreground and background, and see the exact WCAG contrast ratio. Type any HEX value (#RGB or #RRGGBB) to test approved brand combinations.
Have HEX values already? Use the brand colour contrast calculator.
Uploaded logo
Waiting for analysis
This score checks technical versatility, not originality, trademark safety, or brand value.
What the grader found
Logo palette
Near-identical shades are merged into distinct colours. Select a swatch to copy its HEX value.
WCAG contrast pair
Enter a 3- or 6-digit HEX value, such as #1B3A6B.Enter a 3- or 6-digit HEX value, such as #1B3A6B.Private processing: static SVG, PNG, JPEG or WebP; up to 16 megapixels and 8,192 pixels per side. SVG is sanitized and rendered in this tab. Files and analysis results stay in this tab. Source limit: 10 MB. Palette values are estimates from this file, not official brand colours. The grade is a technical heuristic, not an AI opinion, accessibility certification or originality verdict.
What the contrast results mean
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.
Questions about logo contrast
What contrast ratio does WCAG require?
WCAG 2 level AA asks for at least 4.5:1 for normal text and 3:1 for large text and meaningful interface graphics. Level AAA asks for 7:1 for normal text and 4.5:1 for large text.
Do logos have to meet text contrast rules?
WCAG exempts text that is part of a logo or brand name. The exemption does not cover brand colours reused for navigation, buttons, body text or charts, and low contrast still makes a mark harder to see.
Does this replace accessibility testing?
No. It measures one colour pair. Test the real page with real content, sizes and states, and include people who use assistive technology.