MCP For Claude Marketplace
Color Contrast Checker

Color Contrast Checker MCP Connector for Claude

A+

Check WCAG color contrast compliance via AI — verify text readability against backgrounds for accessible, inclusive web design.

8 tools Official Updated Jun 28, 2026 Official Vinkius Partner
More Details Connect to Claude

Connect Color Contrast Checker to your AI agent and validate WCAG accessibility compliance for any color combination.

What you can do

  • Custom Contrast Checks — Test any foreground/background color pair against WCAG AA and AAA standards
  • Preset Scenarios — Quickly check text on white, text on black, white text on colors, and black text on colors
  • Dark Mode Validation — Verify color contrast for dark mode UI designs
  • Light Mode Validation — Ensure readability in light theme interfaces
  • Accessibility Reporting — Get instant pass/fail reports with contrast ratios

How it works

  1. Subscribe to this server
  2. Enter your Apify API key
  3. Start checking color contrast from Claude, Cursor, or any MCP-compatible client

Who is this for?

  • UI/UX Designers — validate design system colors meet accessibility requirements
  • Web Developers — check contrast ratios during development without leaving the editor
  • Accessibility Auditors — batch-verify color compliance across design tokens
wcagaccessibilitycolor-contrastdesign-systemui-design

8 tools expose this connector's capabilities to your AI agent.

check_black_text_on_bg

Check contrast of pure black text against a specific background

check_color_contrast

1 contrast ratio for a specific foreground and background color pair to audit visual accessibility. Check the WCAG contrast ratio between a foreground and background color

check_danger_text_contrast

Check contrast of standard danger/error red text on a background

check_dark_mode_surface

Check contrast against a standard dark mode surface

check_light_mode_surface

Check contrast against a standard light mode surface

check_text_on_pure_black

Check contrast of a text color against a pure black background

check_text_on_pure_white

Check contrast of a text color against a pure white background

check_white_text_on_bg

Check contrast of pure white text against a specific background

See how to talk to your AI agent using Color Contrast Checker.

Check if #3B82F6 works on a white background for body text.

Contrast ratio: 4.0:1. ❌ Fails WCAG AA for normal text (needs 4.5:1). ✅ Passes WCAG AA for large text (needs 3:1). Consider darkening to #2563EB (contrast 5.4:1) for full AA compliance.

It checks against both WCAG 2.1 Level AA (minimum 4.5:1 for normal text, 3:1 for large text) and Level AAA (7:1 for normal text, 4.5:1 for large text).

Related Connectors

UP

UpCloud MCP

46 tools Official

Manage UpCloud infrastructure via AI — control servers, monitor billing, and manage storage across global zones directly from your agent.

A+ View details →
TE

Temporal MCP

7 tools Official

Monitor and manage distributed workflows in Temporal Cloud natively via your AI agent.

A+ View details →
UG

UUID Generator API MCP

2 tools Official

Generate unique identifiers — audit UUIDs and versions via AI.

A+ View details →
FI

Fivetran MCP

7 tools Official

Manage data movement via Fivetran — monitor connectors and destinations, handle groups, track sync states, and audit users directly from any AI agent.

A+ View details →