{"uid":"cap_udN-geRwwW-ij8Dl-fB0Y","slug":"tanod-color-contrast-checker-095bb58f","name":"Tanod Color Contrast Checker","description":"Check WCAG color contrast: ratio and AA / AAA pass or fail for normal text, large text and UI components (utilpeek, Tanod). Use when an agent must check whether text and background colors meet WCAG AA or AAA contrast.","url":"https://tanod.dev/v1/color/contrast?utm_source=zero.xyz","method":"POST","headers":{},"bodySchema":{"type":"object","properties":{"background":{"type":"string","maxLength":64,"minLength":1,"description":"The background color it sits on, in the same CSS color formats."},"foreground":{"type":"string","maxLength":64,"minLength":1,"description":"The text or UI color, a CSS color: hex (#rgb, #rrggbb, #rrggbbaa), rgb() / rgba(), hsl() / hsla() or a CSS color name."}}},"responseSchema":{"type":"json","example":{"note":"WCAG 2.x contrast; pass/fail compares the unrounded ratio. Large text: at least 18 pt (24 px), or 14 pt (about 18.7 px) bold. Thresholds: AA 4.5 normal / 3 large, AAA 7 / 4.5, UI components and graphics 3 (SC 1.4.11).","ratio":4.48,"background":"#ffffffff","composited":false,"foreground":"#777777ff","large_text":{"aa":true,"aaa":false},"ratio_text":"4.48:1","normal_text":{"aa":false,"aaa":false},"ui_components":{"aa":true},"ratio_unrounded":4.478089}},"example":null,"exampleRequest":null,"tags":["x402"],"displayCostAmount":"0.001","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.001/call","primary":{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.001","per":"call","confidence":"exact"},"accepted":[{"kind":"static","protocol":"x402","network":"base","amountUsd":"0.001","per":"call","confidence":"exact"}]},"paymentMethods":[{"uid":"pm_RfKRcuf9Lh97vLFF3MhK4","protocol":"x402","methodType":"crypto","chain":"base","mode":"charge","costAmount":"0.001","costPer":"request","priority":0,"asset":"0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913","unit":"request","depositMicros":null,"planRef":null}],"brandName":null,"brandSlug":null,"brandBaseUrl":null,"brandDocsUrl":null,"whatItDoes":"Calculates the WCAG 2.x contrast ratio between a foreground and background color and returns AA/AAA pass/fail results for normal text, large text, and UI components.","exampleAgentPrompt":"Check the WCAG contrast ratio between #777777 text on a #ffffff background — tell me whether it passes AA and AAA for both normal and large text, and for UI components.","exampleUseCases":[{"title":"Accessibility audit for brand colors","prompt":"Does my brand's dark gray text (#333333) on a light beige background (#f5f0e8) pass WCAG AA and AAA for normal body text? I need to know the exact contrast ratio too."},{"title":"Button color compliance check","prompt":"I'm designing a button with white (#ffffff) text on a blue (#1a73e8) background — does that combo pass WCAG 2.x accessibility standards for UI components and normal text?"},{"title":"Dark mode text legibility check","prompt":"Can you check whether light gray text (#cccccc) on a dark navy background (#1b2a3b) meets WCAG AA for large text and also qualifies as AAA for normal text?"}],"resultDescription":"Returns a JSON object with the contrast ratio (rounded and unrounded), the resolved RGBA values of both colors, whether they were composited, and separate pass/fail booleans for WCAG AA and AAA at normal text, large text, and UI component thresholds, plus a human-readable ratio string like '4.48:1' and a note explaining WCAG 2.x thresholds.","failureModes":["Invalid or unrecognized CSS color format returns an error","Missing foreground or background field returns a validation error","Color strings exceeding 64 characters are rejected","Ambiguous color names may be resolved differently than expected"],"whenToPreferThis":"Use this endpoint when you need a precise, standards-compliant WCAG 2.x contrast ratio check including separate pass/fail judgments for normal text, large text, and UI components — especially when building accessibility auditing workflows, design review agents, or automated CI checks for color compliance. It supports the full range of CSS color formats including hex, rgb(), rgba(), hsl(), hsla(), and named colors, making it versatile for any web design context.","instructions":null,"reviewSummary":null,"reviewSummaryHighlights":null,"reviewSummaryConcerns":null,"reviewSummaryGeneratedAt":null,"activationCount":0,"lastUsedAt":null,"lastSuccessfullyRanAt":null,"lastHealthCheckAt":"2026-10-30T07:07:14.772Z","isFirstParty":false,"canonicalSlug":"tanod-color-contrast-checker-095bb58f"}