/v1/contrast
WCAG contrast ratio
Try it live
10 free calls per day — no sign-up, no API key. Goes through the oanor gateway.
It works. Grab an API key and use it in your project.
Get an API keyCode snippets
curl "https://api.oanor.com/color-api/v1/contrast" \ -H "x-oanor-key: oanor_test_..."
await fetch("https://api.oanor.com/color-api/v1/contrast", {
headers: { "x-oanor-key": "oanor_test_..." }
});
$ch = curl_init("https://api.oanor.com/color-api/v1/contrast");
curl_setopt($ch, CURLOPT_HTTPHEADER, ["x-oanor-key: oanor_test_..."]);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$out = curl_exec($ch);
import requests
requests.get(
"https://api.oanor.com/color-api/v1/contrast",
headers={"x-oanor-key": "oanor_test_..."}
)
Example response
A real response from this endpoint, captured by the latest health check.
{
"data": {
"wcag": {
"aa_large": true,
"aa_normal": false,
"aaa_large": false,
"aaa_normal": false
},
"ratio": 4.48,
"background": "#777777",
"foreground": "#ffffff"
},
"meta": {
"timestamp": "2026-05-30T06:59:09.647Z",
"request_id": "864579e5-ab40-4f72-9d25-99d38aa87e3f"
},
"status": "ok",
"message": "Contrast computed",
"success": true
}