Free Color Contrast Checker
We created a totally free way for you to check the contrast levels of your color combos.
Collapsible content
How this tool works
This app tests the contrast levels of the colors in your palette. As long as the level is above a 4.5, then it is considered ‘Compliant’.
WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. WCAG 2.1 requires a contrast ratio of at least 3:1 for graphics and user interface components. WCAG Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.
How to use the Color Contrast Checker
Simply add any two hex codes, then click 'View Contrast Levels'. You will instantly see the contrast score between the two colors.
If it's above a 4.5, then you're good!
If the level is less than 4.5, then you might want to adjust your color combos to keep things more accessible. :)
NOTE: This tool works best on Google Chrome. It's functional on other browsers, but it works best on Chrome.
Want to test multiple colors at once?
Check out our Color Palette Tester- the only tool that will allow you to test ALL of the colors in your palette in less than 1 minute.
You're looking for contrast levels of 4.5 or higher.
Add any two colors to the Color Contrast Checker. The goal is to find compliant color pairings that have a contrast ratio of 4.5 or higher. :)
Color Contrast Checker
Want to test your full color palette?
We've created a premium tool to help you test ALL of the colors in your brand color palette in 60 seconds or less.
Color Palette Builder
- Mix & Match Your Colors Using the Color Palette Formulas
- Test ALL of the Colors in Your Palette
- Build, Test, & Export your Color Palette in 60 Seconds
Share
Trusted by 1,000+ graphic designers 🎨
- Tamika R.Verified BuyerI recommend this productI am a.... Designer (graphic, web, packaging, etc.)Favorite Features ☺ Easy to Use, Built-In AccessibilityRated 4 out of 5 stars13 seconds agoAmazing tool
I love that this tool allows me to quickly see all complaint colour pairings to ensure palettes I am building are accessible and meet industry guidelines. There is a great range of themes/design styles options but would love to see more.
Was this helpful? - nicole k.Verified BuyerI recommend this productI am a.... Designer (graphic, web, packaging, etc.)Favorite Features ☺ Easy to Use, Built-In Accessibility, Ability to Save Palettes, Color Palette Formulas, AI Name GeneratorRated 5 out of 5 stars1 week agoSo useful!!
Wow, I love this! It's insanely useful!! From generating themed names to contrast compliance - this tool is so much fun to use and saved me a ton of time.
Brilliant software.
Was this helpful? - Mackenzie R.Verified BuyerI recommend this productI am a.... Other!Favorite Features ☺ Easy to Use, Built-In Accessibility, Color Palette Formulas, Style GuidesRated 5 out of 5 stars2 weeks agoAn amazing educational tool!
I am a high school teacher and I have been using the color palette builder to teach my publication students all about color palettes and graphic design. It has been sharing the information easy and accessible for my students. We have all loved having this tool in the classroom.
Was this helpful?