Skip to the color picker

#fefce8 text on #894b00: contrast check

Check text against its background with WCAG 2 and APCA side by side, and fix it in one click.

Read as HEX

Read as HEX

Large heading

Body text at reading size. Most of a page is set like this, so it needs the most contrast.

Small print, captions and hints

Button

Readable for any text

Meets AA, the level most sites and accessibility laws require.

6.61:1

  • AA · normal textPass
  • AA · large textPass
  • AAA · normal textFail
  • AAA · large textPass

Lc -85.6

Good for body text

Version APCA-W3 0.1.9. APCA is a candidate for WCAG 3 and is shown for guidance.

Make it pass

The closest color that passes. Only lightness changes, so the hue stays yours.

Adjust textAdjust background
WCAG AA 4.5:1Already passes.Already passes.
WCAG AAA 7:1Not reachable by changing lightness alone.#854700
APCA Lc 75Already passes.Already passes.