Color Contrast Checker

Calculate the contrast ratio of text and background colors.
Small text
Large text

How does it work?

This tool follows the Web Content Accessibility Guidelines (WCAG), which are a series of recommendations for making the web more accessible.
Regarding colors, the standard defines two levels of contrast ratio: AA (minimum contrast) and AAA (enhanced contrast).
The level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (at least 18pt) or bold text.
The level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text or bold text.

Learn more

Sign in

Sign in with your email here.
By continuing, you agree to our Terms of Service.
Read our Privacy Policy.
Forgot password? Reset
Don't have an account? Sign up

Sign up

Create a free account with your email.
By continuing, you agree to our Terms of Service.
Read our Privacy Policy.
Already have an account? Sign in

You're all set!

We're thrilled to have you on board!
Enjoy Coolors!
Reset password
Enter your email address below and choose a new password.
Back to Sign in
Email not received? Send again
Do you need help? Contact us
    Export Palette
    Export palette as PDF
    Export as PDF
    Export palette as image
    Add
    Add
    Add context to your palette by pairing it with an image.
    Use picker image
    Add
    Add
    Select image
    Browse or drop image
    Wrong file type or size (max 10 MB).
    No photos found.
    Not available. Please try later.
    Allow access to your camera...
    Camera not available.
    Not supported by your device.
    Camera access denied.
    Image picker
    Next
    Collage maker
    Export
    Share palette
    What's new
    Thank you so much for getting here! I’m Fabrizio, creator and maintainer of Coolors. I’d really love to get in touch with you to hear your feedback or just say hello! 😃
    New terms available

    We updated our Terms and Privacy.
    Please read them and accept to continue.

    Download Copy
    Palette Luminance
    Palette Gradient
    Check Palette Contrast
    Pro Feature
    Go Pro to unlock this feature and many others.
    View demo
    No color pairs have enough contrast.
    ValidAll
    Export color as image
      Select project
      Select collection
      Palette details
      Projects
        Collections
          Tags
            Keywords
              Created on
              Contact us if you need support with your coupon.
              Update payment method
              Provide your card details (protected by Stripe)
              Update payment method
              Update payment method
              Change Plan

              Hello!

              Use your email or another service to continue with Coolors.
              Continue with Google Continue with Apple Continue with email
              By continuing, you agree to our Terms of Service.
              Read our Privacy Policy.
              If you have a blog, website, email list or social media accounts then you can join the Affiliate Program and earn a 20% commission on every purchase.
              1 2 3 4
              Request an invitation
              We can't wait to see what you are working on but, to prevent abuse and scale gradually, you you can start uploading your designs only upon invitation.
              Make sure your profile is well sorted out before sending your request!
              Send a request
              Your already sent your request.
              Add
              Add
              Palette Variations
              Show HEX
              Pro Feature
              Go Pro to unlock this feature and many others.
              View demo

              Coolors Adobe Extension

              Download and install the extension for Illustrator, InDesign and Photoshop (up to version 20). Photoshop 21+ and Adobe XD will be supported soon.
              Adobe Illustrator, InDesign, Photoshop (20)
              Download (1.1.0)
              Adobe Photoshop 21+, Adobe XD
              Parse Palette
              Prev
              Next
              Cancel subscription
              Oh no! It breaks my 💙
              to see you leave!

              Before you cancel your subscription, please share with me what made you cancel today. Your honest feedback will help me improve a lot! Thanks.

              Add
              Add

              Allow the ads

              Hey, I'm Fabrizio, the guy behind this website. Please help me to keep most of the site free by allowing ads or consider subscribing to enjoy even more features.

              Your support truly matters.

              I don't care, close popup