Accessible Color Combinations

What may I write on this?

Contrast is a continuous function of two colours, so the answer is a territory rather than a list. Choose a ground; the whole foreground gamut is drawn with the part that passes, and the boundary moves with hue.

Corpus 5,000,000 Seed 9001 Every figure computed in your browser Read the API guide →

Ground Any other ground colour Target Territory —

3:1 4.5:1 body 7:1 AAA Drag anywhere, or focus the map and use the arrow keys.

Readable at a glance The quick brown fox jumps over the lazy dog, and keeps on reading to the end of the paragraph without the letters closing up.

— —

Foreground—

Ground—

Lightness—

Hue—

APCA—

Vision margin—

To the line—

Drag on the map, or focus it and use the arrow keys.

12 that work on this ground

Sampled across the territory, one per thirty degrees of hue, each a little inside the line so a later tweak has room. Pick by hue rather than by luck — everything here clears 4.5:1 on #1D2A3E.

Or bring your own

Pasted colours are pinned on the map by their real lightness and hue, with the move each failure needs drawn up to the line.

Paste hex colours to place on the map

Colour	Here	Lightness	Needs
Paste hexes to see them placed against this ground.

All of this from your own code

The corpus, the map, the picks and the palette audit are six REST endpoints running the engine this page runs, so an answer here and an answer there cannot differ.

curl https://api.auricartisan.com/v1/accessibility/corpus/stats \
  -H "Authorization: Bearer $AURIC_API_KEY"

Read the guide Endpoint reference Get a key

The index

Five million scored pairs, defined by a seed rather than stored. Any record is a function of that seed, so a citation in an audit can be recomputed by whoever reads it.

A record id or index

Browse 0 shown · scanned 0 of 5,000,000