Design system · Text colour tokens · WCAG vs APCA

Body text colour in Dark mode

Dark mode, background 20

WCAG 2needs 4.5:1

APCAneeds Lc 75

default

strongest

Body text 98

17.09:1

Lc 102.5

dim1

headings

Body text 88

12.61:1

Lc 81.6

dim2new

body text

Body text 85

11.45:1

Lc 75.7

dim3

captions

Body text 82

10.37:1

Lc 70.0

dim4

disabled

Body text 70

6.78:1

Lc 49.0

Light theme: dim2 is 40 on white, WCAG 9.21:1 and APCA Lc 91.3, both pass