Color Contrast Checker

Test two colors against the accessibility rules.

    Large text sample

    This is how normal body text looks with your chosen colors. Good contrast keeps it easy to read.

    Tap a snippet to copy it

    How it works

    1. Enter a text color and a background color.
    2. Read the ratio and the pass or fail list.
    3. Adjust until everything you need passes.

    Quick answers

    What ratio is enough?
    4.5:1 for body text and 3:1 for large text. AAA asks for more.
    What counts as large?
    24px and up, or 18.5px and bold.