Free · WCAG 2.2 AA / AAA · Zero API

# Color Contrast Checker _that grades your whole palette_

Drop in two HEX (or paste a 5-color palette) and see every text-on-background combo graded instantly. Pass or fail at a glance.

Single checkWhole palette

Foreground (text)

Background

Large headline

Body text — typography sets the rhythm of every interface.

Small caption text on this background

16.7 : 1

AAA

AAA Normal text (≥ 7.0)

AAA Large text (≥ 4.5)

AA Normal text (≥ 4.5)

AA Large text (≥ 3.0)

UI components (≥ 3.0)

Copy reportSwap fg / bg [Use in Lokuma](https://lokuma.ai/create?palette=%231A1523%2C%23FAF7F0)

## Ship a website that _actually passes_

Lokuma's AI builder picks color combos that already meet WCAG AA — so the site that ships looks polished AND is accessible by default.

[Open the builder](https://lokuma.ai/create)

## How it _works_

01

### Drop in colors

Type or pick HEX values. Foreground (text), background, or a 5-color palette. Or paste from our Color Palette tool.

02

### We grade in real time

WCAG 2.2 contrast ratio + AA / AAA bands per W3C spec. Computed in your browser — zero API call.

03

### Take it to your site

Pass any combo straight into the Lokuma builder. The site you generate is built on combos that already pass.

## Questions

What is WCAG contrast?+

What's the difference between AA and AAA?+

Why a 5×5 grid instead of just one combo?+

Does this check non-text contrast?+

Is anything sent to a server?+