HueComb

Text on a background, measured both ways

Your pair

Text colour

Background

Body text at this size

And the smaller size most interfaces actually use for paragraphs.

WCAG 2.1 contrast ratio

5.47:1

Passes AA for body text

The normative measure. It does not know which of the two is the text.

  • ✓AA · body text 4.5:1
  • ✓AA · large text 3:1
  • ✕AAA · body text 7:1
  • ✓Icons and borders 3:1

APCA lightness contrast

Lc 77.3

Clears Lc 75 — body text at a normal size and weight.

Positive: dark text on a lighter background.

And to someone who does not see all three cones

    Contrast is a brightness question, so it survives colour vision deficiency — but two colours that differ only in hue do not. All three simulations.

    4,692 pairs already built

    Every ordered pair of the 69 colours in the core set — text first, background second, because the accessible fix moves the text and that makes the order matter.662 of them clear AAA for body text, which is 14% — a useful reminder of how few arbitrary pairs of real colours are actually readable.