Contrast Checker

Pick a text color and a background color for instant WCAG verdicts — swap in your own copy to see it live. Failing pairs get a one-click fix that keeps your hue.

Runs locally · data stays in your browser

Text

Background

15.73: 1

AAA excellent

AA · Normal text

≥4.5✓ Pass

AA · Large text

≥3.0✓ Pass

AAA · Normal text

≥7.0✓ Pass

AAA · Large text

≥4.5✓ Pass

Luminance scale — distance is contrast

Text1Bg91

Ink and paper each in their place. Print-ready contrast.

✦ Want brand-aware advice? Ask the AI →

·Text color HSL 30° / 15% / 10%

Text · #1E1A16

Background · #F6F4EF

Let every word stand in the light

Morning mist asks for darker ink; nightfall asks for brighter letters. Contrast is the distance between words and light — 4.5:1 is the floor; comfort lives above. Sphinx of black quartz, judge my vow. 0123456789

Words & light

14px caption: footnotes, timestamps and colophons — small yet clear.

Example pairs

Custom preview copy (optional)

Mood scenes

One pair of colors, three little scenes: a poem, a painting, a tea menu. Switch example pairs and the hills will follow.

色Wang Wei · Mountain Autumn

空山新雨后

天气晚来秋

Poem card

Hills & Moon

The moon rises over Tianshan

Far hills

Moon & Pines Tea

Cloud-mist green¥28
Osmanthus oolong¥32
Pine-spring white¥22

Even the small print should read clear.

Tea menu

Pass & fail, side by side

One layout, one paper, four text colors from dark to light. If you can see the difference, you can hold the standard — click any card to load it above.

About the standard: WCAG defines two conformance levels. AA requires at least 4.5:1 for normal text and 3:1 for large text (≥18pt, or ≥14pt bold); AAA requires 7:1 and 4.5:1. Our fix suggestion walks the OKLCH lightness axis to the closest value that passes, so your brand feel stays intact.

APCA (Lc) algorithm © Andrew Somers / Myndex Research, used free of charge under the W3 license for web content contrast prediction.