Free Colour Contrast Checker by Nexus Inclusion

Free WCAG 2.1 colour contrast checker. Test text and UI colours against AA and AAA levels and get suggested fixes.

Check colour contrast in seconds with this free WCAG colour contrast checker from Nexus Inclusion. Compare any two colours and see their contrast ratio instantly. Find out whether your text and UI components pass WCAG 2.1 AA and AAA requirements, and spot readability problems before they reach your users. Built for designers, developers, content creators and accessibility testers who need a quick, reliable colour contrast check without leaving the browser. HOW IT WORKS 1. Install the extension. 2. Choose your foreground and background colours. Enter a colour code or use the colour picker. 3. Review your results against WCAG 2.1 AA and AAA levels. 4. If a combination fails, choose from suggested colours that pass. KEY FEATURES - Colour picker and eyedropper to select colours easily - Enter HEX, RGB or HSL colour codes - Contrast ratio results for normal text, large text and UI components - Review results by WCAG AA or AAA level - Automatic colour suggestions for failed combinations - Live preview of text and UI elements in your chosen colours WHY COLOUR CONTRAST MATTERS Low colour contrast makes text and interface elements hard to read for people with low vision, colour vision deficiencies, and anyone viewing a screen in bright light. Meeting WCAG contrast requirements is also a key part of complying with accessibility laws and standards in many countries including EU, UK, US, Canada and Australia. ABOUT NEXUS INCLUSION Nexus Inclusion is a digital accessibility platform and consultancy. We help organisations find and fix accessibility issues and meet their legal compliance obligations through automated scanning and monitoring and expert manual audits.