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
![](http://thecolorpalettestudio.com/cdn/shop/files/Frame_185.png?v=1691706404&width=1500)
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.
![](http://thecolorpalettestudio.com/cdn/shop/files/5_60e95ab0-ad4a-4e6e-a6c1-78179c24b267.png?v=1715371789&width=1946)
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
![Color Palette Builder](http://thecolorpalettestudio.com/cdn/shop/files/5_60e95ab0-ad4a-4e6e-a6c1-78179c24b267.png?v=1715371789&width=1445)
![Color Palette Builder](http://thecolorpalettestudio.com/cdn/shop/files/5_2be555db-3992-4dd0-99f2-c691d20c1586.png?v=1715714204&width=1445)
![Color Palette Builder](http://thecolorpalettestudio.com/cdn/shop/files/6_c9ff4143-d699-442e-b8b0-0bb94b6cf045.png?v=1715714204&width=1445)
![Color Palette Builder](http://thecolorpalettestudio.com/cdn/shop/files/7_bfff1563-3428-422b-b5bd-4983e61cba69.png?v=1715714204&width=1445)
![Color Palette Builder](http://thecolorpalettestudio.com/cdn/shop/files/8_18e63aaf-f822-469d-b017-385368dc4671.png?v=1715714204&width=1445)
![Color Palette Builder](http://thecolorpalettestudio.com/cdn/shop/files/builder-hero.png?v=1715714204&width=1445)
Trusted by 1,000+ graphic designers 🎨
- Laurie J.Verified BuyerI recommend this productI am a.... Designer (graphic, web, packaging, etc.)Favorite Features ☺ Ability to Save Palettes, Style Guides, Saves Time, Built-In Accessibility, Color Palette FormulasRated 5 out of 5 stars1 week agoBest Guide to Finding Your Brand Colors
I originally was using the free color buddy tool, which was so nice because it gave instant access to my brand colors--not only with the HEX codes, but with the RGB and CMYK codes too. However, I was still struggling with my brand colors, knowing only a general idea of what I wanted. The Color Palette Builder helped me find the exact colors, giving the best contrast for website readability. It made it much easier seeing the contrast in a number scale, rather than trusting my eye. You can only take so much of staring at the same colors, before feeling like you are at an eye exam. Sam was also very helpful and answered all of my questions with a detailed video response, showing the best way to use the builder with my color ideas. I finally found the best color choices for my brand. I'm very happy with my palette, and I wouldn't have been as successful without Sam and the help of the Color Palette Builder!
Was this helpful? - Mark L.Verified BuyerI am a.... Other!Favorite Features ☺ Color Palette FormulasRated 3 out of 5 stars1 week agoDo your research
It’s an amazing idea and that’s why I purchased. However the UI is a little clunky. There are also a very limited number of palettes to choose from. Since you have to bring your own source the interface is horrible to get the eye dropper unless you have a massive monitor to use. However I like the other features.
Was this helpful? - Rachael D.Verified ReviewerI recommend this productI am a.... Marketer or brand specialistFavorite Features ☺ Range of Design Styles, Style Guides, Built-In Accessibility, Easy to Use, Color Palette FormulasRated 5 out of 5 stars1 month agoAn Invaluable Tool
I've been using the Color Palette Builder for both personal and professional projects, and it has been an invaluable tool! Its range of color options, styles, and intuitive pairing features make creating cohesive and aesthetically pleasing palettes easy-peasy. The compliant color test ensuring that my palette meets accessibility standards is just the icing on the cake. This tool consistently provides the versatility and ease of use I need.
Was this helpful?