Free Color Contrast Checker

See if your color pairings have a 4.5+ contrast score!

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.

Color Contrast Checker

Color Contrast Checker

Add your brand colors & use this free checker to see if your colors are high-contrast

You can add color codes in HEX, RGB, or CMYK formats or use the eyedropper tool to add them.

Choose your colors above, or press this magical button to generate random color pairs with high contrast scores! →

Contrast Ratio:

5.40

Contrast Ratio:

5.40

Color Contrast Checker

Add your brand colors & use this free checker to see if your colors are high-contrast

You can add color codes in HEX, RGB, or CMYK formats or use the eyedropper tool to add them.

Contrast Ratio:

5.40

Contrast Ratio:

5.40

Choose your colors above, or press this magical button to generate random color pairs with high contrast scores! →

Color Contrast Checker

Add your brand colors & use this free checker to see if your colors are high-contrast

You can add color codes in HEX, RGB, or CMYK formats or use the eyedropper tool to add them.

Contrast Ratio:

5.40

Contrast Ratio:

5.40

Choose your colors above, or press this magical button to generate random color pairs with high contrast scores! →

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.

Get the color palette builder

Trusted by 1,000+ graphic designers 🎨

4.9
Rated 4.9 out of 5 stars
Based on 31 reviews
Total 5 star reviews: 28 Total 4 star reviews: 2 Total 3 star reviews: 1 Total 2 star reviews: 0 Total 1 star reviews: 0
97%would recommend this product
31 reviews
  • Deborah T.
    Verified Buyer
    I recommend this product
    I am a.... Business owner or manager
    Favorite Features ☺ Easy to Use, Saves Time, Ability to Save Palettes, Color Palette Formulas, Style Guides
    Rated 5 out of 5 stars
    13 seconds ago
    WOW!! Buy it Now

    How did I live without this tool? It literally took me 30 minutes to do what had been taking a week of testing and fretting. I can do everything that is presented in this tool - HOWEVER, after all of the time spent building palettes, testing contrast and style guides I had invested weeks of time and effort.

    Sam has devoted an enormous amount of her love and time into some of the most useful tools a graphic designer can have in their arsenal.

    Do not hesitate. Buy the bundle of Color Palette Builder and Brand Guideline Builder. This will speed up your effective production time and still give you so much flexibility in design control.

  • Tamika R.
    Verified Buyer
    I recommend this product
    I am a.... Designer (graphic, web, packaging, etc.)
    Favorite Features ☺ Easy to Use, Built-In Accessibility
    Rated 4 out of 5 stars
    1 week ago
    Amazing 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.

  • nicole k.
    Verified Buyer
    I recommend this product
    I am a.... Designer (graphic, web, packaging, etc.)
    Favorite Features ☺ Easy to Use, Built-In Accessibility, Ability to Save Palettes, Color Palette Formulas, AI Name Generator
    Rated 5 out of 5 stars
    3 weeks ago
    So 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.

Reviews LoadedReviews Added