Contrast Workbench

Evaluate accessibility, experiment with brand colors, store history, and export WCAG-compliant combinations in seconds. Pipe the API into CI to block regressions before they ship.

Foreground

Background

Preview

Contrast ratio 0.00

Fails WCAG

AAAA LargeAAAAAA Large

Presets

CI & API Hook

Hit our API from CI to block merges that fail contrast. Customize the payload per component or token.

curl -X POST https://hexcode.space/api/contrast \
  -H "Content-Type: application/json" \
  -d '{"foreground":"#ffffff","background":"#0f172a"}'