WCAG color contrast checks, nearest accessible color, CSS color conversion and palette pair checks.
Connect Remote server
claude mcp add --transport http contrastkit https://contrastkit.mike-tusa.workers.dev/mcp
{
"mcpServers": {
"contrastkit": {
"url": "https://contrastkit.mike-tusa.workers.dev/mcp"
}
}
}
{
"servers": {
"contrastkit": {
"type": "http",
"url": "https://contrastkit.mike-tusa.workers.dev/mcp"
}
}
}
Settings > Connectors > Add custom connector
URL: https://contrastkit.mike-tusa.workers.dev/mcp
Tools 4 found in our last check
check_contrastCompute the WCAG 2.x contrast ratio between a text (foreground) color and a background color, with pass/fail for AA, AA large text, AAA, AAA large text and non-text UI (3:1). Handles translucent colors. Read-only. Same engine as GET /api/contrast.
suggest_accessible_colorFor a failing color pair, find the closest color (same hue and saturation, lightness changed as little as possible) that meets the chosen WCAG level. Adjust the foreground (default), the background, or both (best first). Read-only. Same engine as GET /api/suggest.
convert_colorConvert a CSS color to hex, rgb() and hsl(), with its relative luminance, its contrast on white and on black, and the better text color (black or white) to put on it. Read-only. Same engine as GET /api/convert.
check_paletteContrast ratio for every pair of 2 to 12 colors (up to 66 pairs), highest first, each flagged against the chosen WCAG level. Use it to see which brand colors can be used together for text. Read-only. Same engine as GET /api/palette.
Details
| Endpoint | https://contrastkit.mike-tusa.workers.dev/mcp (Streamable HTTP) |
| First published | 22 Oct 2026 |
| Last updated | 22 Oct 2026 |
| Registry name | dev.workers.mike-tusa.contrastkit/contrastkit |
More other servers See all
Listing data from the official MCP registry. Status and tools from NestDaddy's daily check. Browse all MCP servers.
