Normal text (16px) — The quick brown fox jumps over the lazy dog
Large text (24px semi-bold)
WCAG 2.2
Contrast ratio
—
APCA
Lightness Contrast (Lc)
—
Conformant variants
Colors close to the original that meet accessibility thresholds. Click any swatch to apply it as the text color.
Reference thresholds
| Standard | Threshold | Use case |
|---|---|---|
| WCAG 2.2 AA | ≥ 4.5:1 | Normal text (below 18pt / 14pt bold) |
| WCAG 2.2 AA | ≥ 3:1 | Large text (18pt+ / 14pt bold+) |
| WCAG 2.2 AAA | ≥ 7:1 | Normal text — enhanced level |
| WCAG 2.2 AAA | ≥ 4.5:1 | Large text — enhanced level |
| APCA Lc 75 | |Lc| ≥ 75 | Body text (≥ 16px normal, ≥ 14px bold) |
| APCA Lc 60 | |Lc| ≥ 60 | Large text (≥ 24px normal, ≥ 18px bold) |
| APCA Lc 45 | |Lc| ≥ 45 | Very large text (≥ 36px) |
| APCA Lc 30 | |Lc| ≥ 30 | Non-text elements (icons, borders) |