Color Contrast Checker

Check readable color contrast.

Validate UI color pairs before publishing forms, buttons, dashboards, and documentation pages.

Foreground color

Background color

Contrast result

Contrast ratio: 17.37:1
Normal text AA: PASS AAA/AA
Normal text AAA: PASS AAA/AA
Large text AA: PASS AAA/AA
Large text AAA: PASS AAA/AA

Ratio: 17.37
Foreground: #061b31
Background: #ffffff

JSON API

/api/tools/color-contrast-checker

POST JSON to this endpoint using the same field names as the form. Invalid input returns a structured 400 response.

curl -X POST https://tempkit.8u.ee/api/tools/color-contrast-checker -H 'Content-Type: application/json' -d '{"background":"#ffffff","foreground":"#061b31"}'

How it works

TempKit calculates relative luminance and contrast ratio, then maps the result to WCAG normal and large-text thresholds.

Related tools

JSON Formatter Password Generator Tools