All palettes

Accessible Text Colors

Accessible text colors: a common miss: yellow #F2D13B text on white #FFFFFF has a contrast ratio of 1.50:1, a fail at every WCAG level, even for large text. Check any pair in Palettio's contrast checker: AA and AAA results, plus accessible color suggestions.

Aa Yellow on White

1.50:1

  • AA normalFail
  • AA largeFail
  • AAA normalFail
  • AAA largeFail
  • Text · Yellow
  • Background · White

Tap a code to copy it.

Make one from your own photo

Palettio pulls the palette out of any photo or screenshot, reads a single color live through the camera, checks contrast, and exports the codes as CSS, JSON and more.

A contrast check headed 'Accessible Text Colors': yellow #F2D13B text on a white #FFFFFF background, ratio 1.50:1, with pass or fail for WCAG AA and AAA, body and large text.