Our free tool helps you test your colour palette against WCAG contrast standards, so you can design with inclusivity in mind. Just add your colours to see where they pass, and where improvements might be needed to meet accessibility guidelines.
Simply click ‘add colour’ below, and then type in the RGB or HEX codes for each colour to build out your palette. Hover over any colours listed and click the ‘x’ to remove them. When you’re done, you can email yourself a link to it too.
AAA: Pass, AAA (7+)
AA: Pass, AA (4.5+)
AA18: Pass, Large Text Only (3+)
DNP: Does Not Pass
Email yourself a copy of this contrast grid
Why
accessibility matters
Ensuring your designs are accessible isn’t just about compliance—it’s about inclusivity. By considering accessibility, you make your content clearer, more effective, and available to a wider audience. Small changes can have a big impact on usability and engagement.
- Inclusive communication: helps everyone, including people with visual impairments, engage with your content.
- Better readability: high contrast and clear typography improve comprehension for all users.
- Wider audience reach: accessible designs ensure no one is excluded, increasing engagement.