Enter hex colors (one per line) to see WCAG contrast ratios for every foreground / background pair, with AA and AAA pass badges.
| BG \ FG | #000000 | #ffffff | #1d4ed8 | #facc15 | #64748b |
|---|---|---|---|---|---|
| #000000 | 1.00 AA ✕AA Large ✕AAA ✕ | 21.00 AA ✓AA Large ✓AAA ✓ | 3.13 AA ✕AA Large ✓AAA ✕ | 13.71 AA ✓AA Large ✓AAA ✓ | 4.41 AA ✕AA Large ✓AAA ✕ |
| #ffffff | 21.00 AA ✓AA Large ✓AAA ✓ | 1.00 AA ✕AA Large ✕AAA ✕ | 6.70 AA ✓AA Large ✓AAA ✕ | 1.53 AA ✕AA Large ✕AAA ✕ | 4.76 AA ✓AA Large ✓AAA ✕ |
| #1d4ed8 | 3.13 AA ✕AA Large ✓AAA ✕ | 6.70 AA ✓AA Large ✓AAA ✕ | 1.00 AA ✕AA Large ✕AAA ✕ | 4.38 AA ✕AA Large ✓AAA ✕ | 1.41 AA ✕AA Large ✕AAA ✕ |
| #facc15 | 13.71 AA ✓AA Large ✓AAA ✓ | 1.53 AA ✕AA Large ✕AAA ✕ | 4.38 AA ✕AA Large ✓AAA ✕ | 1.00 AA ✕AA Large ✕AAA ✕ | 3.11 AA ✕AA Large ✓AAA ✕ |
| #64748b | 4.41 AA ✕AA Large ✓AAA ✕ | 4.76 AA ✓AA Large ✓AAA ✕ | 1.41 AA ✕AA Large ✕AAA ✕ | 3.11 AA ✕AA Large ✓AAA ✕ | 1.00 AA ✕AA Large ✕AAA ✕ |