Logo contrast checker

The tool measures relative luminance between two colours and reports a contrast ratio (for example 4.5:1 or 7:1). That number is how designers and auditors decide if text—or graphical essential information—meets WCAG contrast for normal text, large text, and stricter AAA goals.

When you upload a logo, the server analyses the image and returns a palette of hex values from your file. You pick which colour acts as foreground and which as background, then compare them to see pass/fail badges for AA, AAA, and large-text rules. You can also skip the upload and paste hex codes directly—useful for brand guidelines, favicons, app icons, and social assets.

Poor contrast affects people with low vision, colour vision deficiency, and anyone using a screen in bright light. For logos on websites, email signatures, and documents, insufficient contrast can make your mark hard to recognise or read when it sits on tinted headers, photography, or coloured cards.

WCAG 1.4.3 Contrast (Minimum) sets minimum ratios (typically 4.5:1 for normal text and 3:1 for large text). WCAG 1.4.6 Contrast (Enhanced) pushes to 7:1 for normal text (AAA). For user interface components and graphical objects, WCAG 1.4.11 Non-text Contrast expects at least 3:1 against adjacent colours in many cases. This checker focuses on the colour pair you select so you can iterate toward inclusive brand accessibility.