Palette Contrast Grid
Contrast of every color pair in a palette – which combos pass WCAG?.
| #0f172a | #ffffff | #2563eb | #f59e0b | #e11d48 | #94a3b8 | |
|---|---|---|---|---|---|---|
| #0f172a | — | 17.85 AAA | 3.45 AA18 | 8.31 AAA | 3.8 AA18 | 6.96 AA |
| #ffffff | 17.85 AAA | — | 5.16 AA | 2.14 ✗ | 4.69 AA | 2.56 ✗ |
| #2563eb | 3.45 AA18 | 5.16 AA | — | 2.4 ✗ | 1.1 ✗ | 2.01 ✗ |
| #f59e0b | 8.31 AAA | 2.14 ✗ | 2.4 ✗ | — | 2.18 ✗ | 1.19 ✗ |
| #e11d48 | 3.8 AA18 | 4.69 AA | 1.1 ✗ | 2.18 ✗ | — | 1.83 ✗ |
| #94a3b8 | 6.96 AA | 2.56 ✗ | 2.01 ✗ | 1.19 ✗ | 1.83 ✗ | — |
Runs entirely in your browser. Nothing is sent anywhere.
How it works
- 1Paste or type your text.
- 2Choose the options you need.
- 3Copy or download the result.
About this tool
Palette Contrast Grid: Contrast of every color pair in a palette – which combos pass WCAG?. Paste your text and the result appears immediately, ready to copy or download. Everything happens locally in your browser — nothing you paste is uploaded or stored.
Example
Input
#0f172a #ffffff #2563eb #f59e0b #e11d48 #94a3b8
Output
#0f172a / #ffffff #0f172a / #f59e0b #0f172a / #94a3b8 #ffffff / #2563eb #ffffff / #e11d48
How do I use the Palette Contrast Grid?
Paste or type your text. Choose the options you need. Copy or download the result.
Is the Palette Contrast Grid free?
Yes. It is completely free with no sign-up, no usage limits and no watermark.
Is my data sent to a server?
No. Everything is calculated locally in your browser. Nothing you enter is uploaded, logged or stored.
Does it work on my phone?
Yes. It works in any modern browser on Android, iPhone, iPad, Windows, Mac and Linux — no app needed.