MARKETING SCORECARD

Score your business success based on the five essential marketing pillars including your BRAND > PRODUCT > OFFER > SCALE > OFFER

Colour Contrast Checker

Test your colour combinations for web accessibility compliance

How to use this tool

Enter your colours

Type hex colour codes (e.g., #5cffb3) or click the colour picker squares

Check the results

Review the contrast ratio and WCAG accessibility standards

Aim for compliance

Normal text needs 4.5:1 (AA) or 7:1 (AAA) for best accessibility

Colour Input & Preview

Text colour

Background colour

Live preview

The Magic of Colour

Alex discovered that choosing the right colours creates beautiful, accessible stories for everyone to read.

"Good contrast helps everyone," whispered the Typography Fairy.

Even the smallest text should be clear and easy to read. This tiny text represents captions, footnotes, and fine print that must still be accessible to users with visual impairments or reading difficulties.

Accessibility Results

13.58:1

Contrast Ratio

WCAG Compliance

Normal text AA (4.5:1) Pass

Normal text AAA (7:1) Pass

Large text AA (3:1) Pass

Large text AAA (4.5:1) Pass

Marketing Machine Scorecard