Accessibility Contrast Grid

Test your color palette for WCAG contrast requirements. Build your grid with every text and background pairing, then review the matrix for implementation.

Your palette

    View
    Show
    Tiles

    Large text means 24px and up, or about 18.7px and up when bold. Ratios are rounded down, so a pairing that shows 4.4 really does fall short of 4.5. Select any tile or pairing to see the full breakdown.