Color Contrast Checker

Calculate the contrast ratio of text and background colors.
#
#
2.42
Very poor
Small text
Large text
Poor contrast for all text sizes. Click to fix
Quote n. 29
Laughing at our mistakes can lengthen our own life. Laughing at someone else’s can shorten it.

Cullen Hightower

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
    HEX
    RGB
    HSB
    CMYK
    LAB
    Name
    RAL
    HKS
    Copic
    Prismacolor
    Loading...
    No items
    Cover
    Colors
    Shades
    Contrast
    Temperature
    Hue
    Saturation
    Color blindness
    Luminance
    Gradient
    Loading...
    No items
    Export as PDF
    Export palette as image
    HEX
    None
    HEX
    HSB
    HSL
    RGB
    CMYK
    LAB
    Name
    RAL
    HKS
    Copic
    Prismacolor
    Loading...
    No items
    No items
    Max 999999 elements.
    Loading...
    No projects yet.
    Add
    Loading...
    No collections yet.
    Add
    #
    #E5D4ED
    #6D72C3
    #5941A9
    #514F59
    #1D1128
    Add context to your palette by pairing it with an image.
    #
    No items
    Max 999999 elements.
    #
    #DDFFF7
    #93E1D8
    #FFA69E
    #AA4465
    #462255
    Loading...
    No projects yet.
    Add
    Loading...
    No collections yet.
    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...
    Image picker
    Next
    Collage maker
    Export
    Share palette
    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
    HEX
    None
    HEX
    HSB
    HSL
    RGB
    CMYK
    LAB
    Loading...
    No items
    Name
    None
    Name
    RAL
    HKS
    Copic
    Prismacolor
    Loading...
    No items
      Select project
      Select project...
      Loading...
      No items
      Select collection
      Select collection...
      Loading...
      No items
      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.
              No items
              Max 999999 elements.
              Loading...
              No projects yet.
              Add
              Loading...
              No collections yet.
              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.

              Select a reason...
              Select a reason...
              Don't use it frequently
              Found better alternatives
              Didn't see the value
              Poor support
              Too hard to use
              It's too expensive
              Other reasons
              Loading...
              No items
              No items
              Max 999999 elements.
              Loading...
              No projects yet.
              Add
              Loading...
              No collections yet.
              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

              Loading...
              No items
              No found
              #
              Picker