Batch Palette Audit
Audit an entire color palette at once and see WCAG contrast compliance for every foreground/background combination.
Add your palette colors below to see a contrast matrix showing WCAG 2.1 compliance for every combination. Use the filter buttons to focus on specific compliance levels.
Palette Colors
4
AAA · 20%
6
AA · 30%
10
Fail · 50%
Contrast Matrix
| FG \ BG | Dark | White | Blue | Gray | Light |
|---|---|---|---|---|---|
Dark | — | Aa 14.63:1AAA | Aa 2.83:1Fail | Aa 3.07:1Fail | Aa 13.35:1AAA |
White | Aa 14.63:1AAA | — | Aa 5.17:1AA | Aa 4.76:1AA | Aa 1.1:1Fail |
Blue | Aa 2.83:1Fail | Aa 5.17:1AA | — | Aa 1.09:1Fail | Aa 4.72:1AA |
Gray | Aa 3.07:1Fail | Aa 4.76:1AA | Aa 1.09:1Fail | — | Aa 4.34:1Fail |
Light | Aa 13.35:1AAA | Aa 1.1:1Fail | Aa 4.72:1AA | Aa 4.34:1Fail | — |
Based on WCAG 2.1 SC 1.4.3. Normal text: 4.5:1 (AA), 7:1 (AAA). Large text (18pt+): 3:1 (AA), 4.5:1 (AAA).