Large text (18pt / 24px or bold 14pt / ~19px) benefits from looser WCAG contrast requirements because it is easier to read at lower contrast ratios. Check whether your colours meet the 3:1 (AA) or 4.5:1 (AAA) threshold for large text.
| Contrast ratio | 21.00 : 1 |
| AA. Large text (≥3:1) | pass |
MODE
PRESETS
WCAG contrast is computed using relative luminance: each sRGB channel is linearised (gamma-corrected), then combined as L = 0.2126R + 0.7152G + 0.0722B. The ratio is (L1 + 0.05) / (L2 + 0.05) where L1 is the lighter colour. APCA uses the separate APCA-W3 0.0.98G algorithm which accounts for polarity and produces an Lc value. All computation runs entirely in your browser.
All contrast calculations happen in your browser tab. Our servers are not involved at any point.
To swap a HEX value into RGB or HSL while testing, try the colour converter. For generating an accessible swatch set from a brand colour, use the colour palette generator. To create lighter or darker variants that still pass contrast, see tints and shades.