Large heading sample
Body text at a normal size is the real test — if this stays easy to read, your pair is doing its job.
Body text at a normal size is the real test — if this stays easy to read, your pair is doing its job.
Contrast ratio—
WCAG AA · normal text—
WCAG AA · large text—
WCAG AAA · normal text—
WCAG AAA · large text—
AA needs 4.5:1 for normal text and 3:1 for large text. AAA needs 7:1 and 4.5:1.
How to use it
Choose the two colours you actually intend to ship together. The ratio and the four WCAG verdicts update instantly, for both normal and large text.
Where it stops
The ratio is calculated from the colour values, not from what your screen shows. A pair that passes can still feel hard to read on a dim display in bright light — the number is a floor, not a guarantee.
Private by design
This tool runs entirely in your browser. Nothing you type, paste or drop here is sent to PathDish or anywhere else — close the tab and it is gone.