Contrast ratio
The minimum luminance difference for legibility: 4.5:1 for body text, 3:1 for large (≥18pt/24px or bold) text. Dark mode aims higher — around 7:1 for small custom text.
Body copy 12:1
12:1 — passes the 4.5:1 minimumTap the example to replay it · press and hold to slow it down