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

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

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?+