{"uid":"cap_hsPDc1x5Pi_U-lQI5w597","slug":"wcag-color-contrast-checker-24f8c253","name":"WCAG Color Contrast Checker","description":"WCAG contrast ratio between two colours, with AA/AAA pass flags","url":"https://x402render-u5vwpxpyua-uc.a.run.app/color-contrast","method":"POST","headers":{},"bodySchema":{"type":"object","properties":{"background":{"type":"string","description":"hex"},"foreground":{"type":"string","description":"hex"}}},"responseSchema":null,"example":null,"exampleRequest":null,"tags":["x402"],"displayCostAmount":"0.01","displayCostAsset":"USDC","priceDynamic":false,"priceHint":null,"priceStatus":"priced","priceSource":"probe","requiresHandshake":false,"reviewCount":0,"rating":{"score":"0.00","successRate":"0.00","reviews":0,"stars":null,"state":"unrated"},"availabilityStatus":"unknown","priceObserved":null,"sessionDeposit":null,"pricing":{"kind":"static","summary":"$0.01/call","primary":{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.01","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.01","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_En7H1jn7Gugrc0twn0YSK","protocol":"x402","methodType":"crypto","chain":"base","mode":"charge","costAmount":"0.01","costPer":"request","priority":0,"asset":"0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913","unit":"request","depositMicros":null,"planRef":null}],"brandName":null,"brandSlug":null,"brandBaseUrl":null,"brandDocsUrl":null,"whatItDoes":"Computes the WCAG contrast ratio between a foreground and background hex color, returning AA and AAA accessibility pass/fail flags","exampleAgentPrompt":"Check if white text (#FFFFFF) on a navy background (#003366) passes WCAG accessibility standards — I need both the contrast ratio and whether it passes AA and AAA.","exampleUseCases":[{"title":"Accessibility audit for brand colors","prompt":"Can you check whether my brand's primary text color #1A1A2E on a white background #FFFFFF passes WCAG AA and AAA contrast requirements?"},{"title":"UI component color validation","prompt":"I'm designing a button with light grey text #CCCCCC on a blue background #0057B8 — does that color combo meet WCAG AA accessibility standards?"},{"title":"Dark mode palette compliance check","prompt":"In my dark mode design I have #E0E0E0 text on a #121212 background — what's the contrast ratio and does it pass both WCAG AA and AAA?"}],"resultDescription":"Returns a numeric WCAG contrast ratio (e.g. 4.5:1) along with boolean pass/fail flags for both the AA standard (minimum 4.5:1 for normal text) and AAA standard (minimum 7:1), allowing developers and designers to quickly assess whether a color pair meets accessibility requirements.","failureModes":["Invalid or malformed hex color values (missing # prefix, wrong length) may cause a 400 error","Missing required background or foreground fields returns an error","Identical foreground and background colors return a contrast ratio of 1:1 and fail all standards"],"whenToPreferThis":"Choose this endpoint when you need a programmatic, standards-based WCAG contrast ratio check between two specific hex colors and want AA/AAA compliance flags returned directly. Prefer this over manual calculation tools or generic color libraries when building automated accessibility auditing pipelines, design linting tools, or CI checks for UI components.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-09-15T00:30:24.283Z","isFirstParty":false}