All tools

Color Contrast

Measure contrast between two colors using WCAG relative luminance. Enter hex or rgb() values, preview sample text, and see whether combinations pass AA and AAA thresholds.

Preview

Normal body text sample

Large bold text sample

Results

Contrast ratio

17.93:1

  • AA normal text

    Requires 4.5:1

    Pass

  • AA large text

    Requires 3:1

    Pass

  • AAA normal text

    Requires 7:1

    Pass

  • AAA large text

    Requires 4.5:1

    Pass