WCAG contrast
Check a text/background pair for accessibility
Colors
Aa — Зразок тексту / Sample text
Звичайний текст для перевірки читабельності.
WCAG 2.1: normal text — AA ≥4.5:1, AAA ≥7:1; large text (24px+/bold 19px+) — AA ≥3:1, AAA ≥4.5:1. Non-text elements (icons, input borders) — ≥3:1. Don't judge by eye — looks readable ≠ readable for the 8% of men with color blindness.
Contrast
17.06:1
- Normal text AA
- ✓ 4.5+
- Normal text AAA
- ✓ 7+
- Large text AA
- ✓ 3+
- Large text AAA
- ✓ 4.5+