# Color Contrast Checker

> Check whether your text colour is readable on its background, against WCAG rules.

- Page: https://www.brandbakery.tech/tools/color-contrast
- Last updated: 2026-10-21

Breadcrumb: [Home](https://www.brandbakery.tech/) > [Tools](https://www.brandbakery.tech/tools) > Color Contrast Checker

Check two colours against WCAG 2.1 contrast rules. See the ratio and a pass or fail for AA and AAA, at normal and large text sizes, before you ship.

## Use it

Open the tool in a browser at https://www.brandbakery.tech/tools/color-contrast. It is free and needs no signup.

## Use it from code

Compute the WCAG contrast ratio of two hex colours and whether it passes AA and AAA for normal and large text.

`POST https://www.brandbakery.tech/api/tools/color_contrast` with a JSON body, or call the `color_contrast` tool on the [MCP server](https://www.brandbakery.tech/mcp).

| Input | Type | Required | Description |
| --- | --- | --- | --- |
| `foreground` | string | yes | Text colour, e.g. "#0F1115". |
| `background` | string | yes | Background colour, e.g. "#D8C07A". |

## Related tools

- [QR Code Generator](https://www.brandbakery.tech/tools/qr-code): Make a QR code for a link, text or contact details, and download it as a PNG.

Category: [Design](https://www.brandbakery.tech/tools/category/design)

---

Brand Bakery is a design-first digital studio in New Delhi. Start an enquiry at https://www.brandbakery.tech/contact or email support@brandbakery.tech. This is the Markdown copy of https://www.brandbakery.tech/tools/color-contrast; the site index for language models is https://www.brandbakery.tech/llms.txt.