WCAG contrast checker
Check that a foreground/background color pair meets WCAG 2.1 contrast thresholds (AA = 4.5:1 normal text, AAA = 7:1). Worked examples for normal and large text.
# conversion
| format | foreground | background |
|---|---|---|
| foreground | #222222 | |
| background | | #ffffff |
| contrast ratio | 15.9:1 | passes AAA |
# context
WCAG 2.1 specifies contrast ratios for legibility. AA requires 4.5:1 for normal text and 3:1 for large (18pt+ or 14pt bold). AAA bumps to 7:1 and 4.5:1. Tools that "look fine" to a sighted designer often fail for low-vision users.
→ Open in color picker (pre-filled)
# notes
- WCAG contrast formula uses linearized RGB and the relative luminance equation — not a simple "darker - lighter".
- White text on the neon accent (#00ff9c on #0a0a0a) passes AAA at 14:1.
- For body text, target AAA (7:1) where possible. AA (4.5:1) is the legal floor in most jurisdictions.