Tools/Colour Contrast Ratio Calculator/Infographic

Colour Contrast Ratio Calculator — Infographic

The numbers behind the calculator, on one page. Free to save, share or put on your own site.

Colour Contrast Ratio Calculator — the key numbers

Use it on your site

Free to embed, with credit. Copy this and paste it into your page.

<a href="https://www.bfcbrilliance.com/tools/color-contrast-ratio-calculator">
  <img src="https://www.bfcbrilliance.com/tools/color-contrast-ratio-calculator/infographic/image"
       alt="Colour Contrast Ratio Calculator — the key numbers" width="1000" height="1602" />
</a>
<p>Infographic by <a href="https://www.bfcbrilliance.com">BFCBrilliance</a></p>

Run the colour contrast ratio calculatorThe WCAG contrast ratio for any two colours, checked against all four thresholds - plus whether plain black or white text would do better.Contrast Check SheetThe printable version — free, no email required.

Tech · BFCBrilliance