Contrast Compass
Your contrast workshop
Contrast Compass helps designers and developers analyze opaque sRGB color contrast against specific WCAG 2.2 AA/AAA thresholds. Check a single pair or generate verified brand-color shades for explicit backgrounds. Audit palettes, button/input/icon states and light/dark themes, with independently rechecked foreground corrections per background. Audit supplied Contrast Compass page snapshots: every captured ID receives one primary status (calculated contrast, no applicable text pair, inspection required or justified exemption); semantic DOM name hints are separate observations, not confirmed violations. The companion website provides an interactive contrast compass and workshops, local bookmarklet and optional Playwright capture, JSON import, filters, selector copy, temporary source-page highlighting and full report export. The your AI tools analyze supplied data; they do not visit URLs or automatically read attachment paths. Captures can include personal text only if users opt in; users should inspect files before sharing. The tool does not certify global accessibility, validate a complete accessibility tree, test keyboard navigation or verify real focus geometry and painting. Complex rendering, gradients, images, opacity, unsupported transforms and uncaptured states require inspection.
What you can ask
- Check my colors against WCAG 2.2 AA and suggest verified corrections.
Example path
MCP connector
- Server URL
https://contrast-compass-mcp.asmabess.workers.dev/mcp- Login
- None
- Protocol
- MCP 2026-07-28
Tools
Reads data6
Skills
None in the store listings or on the server