Contrast

APCA perceptual contrast — WCAG 3.0 readability

Foreground

Background

Font Size: 16px

Font Weight: 400

The quick brown fox jumps over the lazy dog

Lc 80.2 dark-bg PASS min Lc 75 at 16px/400

400700

14px FAILPASS

16px PASSPASS

18px PASSPASS

24px PASSPASS

CSS

/* dk contrast #ffffff #2563eb --size=16 --weight=400 */
/* APCA Lc: -80.2 (dark-bg) */
/* PASS (Lc 80.2 >= 75) */