{"uid":"cap_FMQxRjbYp1alNAsG8xiAM","slug":"cheap-utilities-color-contrast-checker-36a477af","name":"Cheap Utilities Color Contrast Checker","description":"WCAG contrast ratio between two hex colors with AA and AAA pass/fail for normal and large text.","url":"https://cheap-utilities.x402tookit.com/color-contrast?utm_source=zero.xyz","method":"GET","headers":{},"bodySchema":{"type":"object","$schema":"https://json-schema.org/draft/2020-12/schema","required":["input"],"properties":{"input":{"type":"object","required":["type","method"],"properties":{"type":{"type":"string","const":"http"},"method":{"enum":["GET"],"type":"string"},"queryParams":{"type":"object","required":["fg","bg"],"properties":{"bg":{"type":"string","description":"Background color hex"},"fg":{"type":"string","description":"Text color hex, e.g. 1a2b3c or #fff"}}}},"additionalProperties":false},"output":{"type":"object","required":["type"],"properties":{"type":{"type":"string"},"example":{"type":"object","properties":{"asOf":{"type":["null","string"]},"ratio":{"type":["null","number"]},"source":{"type":["null","string"]},"reasons":{"type":["array","null"],"items":{"type":"string"}},"summary":{"type":["null","string"]},"verdict":{"type":["null","string"]},"degraded":{"type":["boolean","null"]},"largeText":{"type":["null","object"],"properties":{"AA":{"type":["boolean","null"]},"AAA":{"type":["boolean","null"]}}},"disclaimer":{"type":["null","string"]},"normalText":{"type":["null","object"],"properties":{"AA":{"type":["boolean","null"]},"AAA":{"type":["boolean","null"]}}},"notChecked":{"type":["array","null"],"items":{"type":"string"}},"uiComponents3to1":{"type":["boolean","null"]}}}}}}},"responseSchema":null,"example":null,"exampleRequest":null,"tags":["x402"],"displayCostAmount":"0.02","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.02/call","primary":{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.02","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.02","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_qR6N9UEvCoLUeb57eWjF3","protocol":"x402","methodType":"crypto","chain":"base","mode":"charge","costAmount":"0.02","costPer":"request","priority":0,"asset":"0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913","unit":"request","depositMicros":null,"planRef":null}],"brandName":null,"brandSlug":null,"brandBaseUrl":null,"brandDocsUrl":null,"whatItDoes":"Calculates the WCAG contrast ratio between two hex colors and returns AA/AAA pass/fail verdicts for normal text, large text, and UI components.","exampleAgentPrompt":"Can you check if white text (#ffffff) on a navy background (#1a2b3c) passes WCAG AA and AAA contrast requirements for both normal and large text?","exampleUseCases":[{"title":"Accessibility audit for brand colors","prompt":"I'm building a website and want to use #333333 text on a #f5f5f5 background — can you check the contrast ratio and tell me if it passes WCAG AA and AAA for normal and large text?"},{"title":"Dark mode color pair validation","prompt":"For our dark mode theme, we're using #e0e0e0 foreground on a #121212 background — does that combination meet WCAG accessibility standards, especially for small body text?"},{"title":"Button text legibility check","prompt":"Our design team chose #ffffff text on a #0057b8 button — can you tell me the contrast ratio and whether it passes WCAG AA for normal text and also the 3:1 threshold for UI components?"}],"resultDescription":"Returns a numeric WCAG contrast ratio (e.g. 4.5:1), boolean AA and AAA pass/fail results separately for normal text and large text, a UI components 3:1 flag, a human-readable summary verdict, reasons for the verdict, and optional degraded/disclaimer fields.","failureModes":["Missing fg or bg query parameter returns an error","Invalid or malformed hex color strings (e.g. non-hex characters) may return an error or null ratio","Very short hex codes not expandable to 6 digits may fail parsing","Network or upstream service timeout returns no data"],"whenToPreferThis":"Use this endpoint when you need a fast, cheap, standards-compliant WCAG contrast ratio check with explicit AA and AAA verdicts for both normal and large text. Ideal for automated accessibility audits in CI pipelines, design system validation, or any agent workflow that needs to verify color choices without a browser or rendering engine.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-10-31T00:30:22.385Z","isFirstParty":false,"canonicalSlug":"cheap-utilities-color-contrast-checker-36a477af"}