Contrast Matrix
Score every foreground and background pair in a palette at once.
8 colours · 16 of 56 pairs pass
Rows are text colours, columns are backgrounds. Every cell shows its real ratio.
| text \ bg | ||||||||
|---|---|---|---|---|---|---|---|---|
| – | Aa1.7 | Aa3.8 | Aa14.5 | Aa17.1 | Aa4.0 | Aa7.8 | Aa4.7 | |
Aa1.7 | – | Aa2.2 | Aa8.4 | Aa9.9 | Aa2.3 | Aa4.5 | Aa2.8 | |
Aa3.8 | Aa2.2 | – | Aa3.9 | Aa4.5 | Aa1.1 | Aa2.1 | Aa1.3 | |
Aa14.5 | Aa8.4 | Aa3.9 | – | Aa1.2 | Aa3.6 | Aa1.9 | Aa3.0 | |
Aa17.1 | Aa9.9 | Aa4.5 | Aa1.2 | – | Aa4.3 | Aa2.2 | Aa3.6 | |
Aa4.0 | Aa2.3 | Aa1.1 | Aa3.6 | Aa4.3 | – | Aa2.0 | Aa1.2 | |
Aa7.8 | Aa4.5 | Aa2.1 | Aa1.9 | Aa2.2 | Aa2.0 | – | Aa1.6 | |
Aa4.7 | Aa2.8 | Aa1.3 | Aa3.0 | Aa3.6 | Aa1.2 | Aa1.6 | – |
Strongest pairs
Where to start when you need guaranteed legibility.
Aa Readable
#0F172A on #F8FAFC
AAA · 17.06Aa Readable
#F8FAFC on #0F172A
AAA · 17.06Aa Readable
#0F172A on #E2E8F0
AAA · 14.48Aa Readable
#E2E8F0 on #0F172A
AAA · 14.48Aa Readable
#334155 on #F8FAFC
AAA · 9.90Aa Readable
#F8FAFC on #334155
AAA · 9.90Palette
One colour per line, or comma separated.
#0F172A#334155#64748B#E2E8F0#F8FAFC#6366F1#22C55E#EF4444