Contrast ratio ranges from 1 to 21, usually presented as 1:1 or 21:1. WCAG has different ratio requirements for different input. Fill the foreground and background colors to calculate the ratio. For example, the value Foreground: #FC0000 and background #000000 produces a contrast ratio of 5.25:1 .
0.00:1
| Text type | Test | Result | Preview |
|---|---|---|---|
| Normal | WCAG AA | FAIL | contrast > 4.5 |
| Normal | WCAG AAA | FAIL | contrast > 7 |
| Large | WCAG AA | FAIL | contrast > 4.5 |
| Large | WCAG AAA | FAIL | contrast > 3 |
| UI Components | WCAG AA | FAIL |
marduc812\\\
2026