Contrast checker

See if your text is easy to read on its background, try it on a live sample, and get the nearest colors that pass WCAG 2.2.

 

 

Contrast ratio

2.71 to 1

Rating: Very poor

Too faint for most people to read comfortably.

WCAG 2.2

  • Fail: AA Normal text Text under 18pt, or under 14pt if bold. Needs 4.5 : 1
  • Fail: AA Large text Text from 18pt, or from 14pt bold. Needs 3 : 1
  • Fail: AAA Normal text The enhanced level, for body text. Needs 7 : 1
  • Fail: AAA Large text The enhanced level, for large text. Needs 4.5 : 1
  • Fail: AA UI components and graphics Icons, input borders, focus rings and chart lines. Needs 3 : 1

Preview

Sample text and controls in your colors

Words worth reading

Good contrast keeps words clear for everyone: in bright sunlight, on a dim screen, or at the end of a long day.

Captions and fine print fade first, so they need contrast the most.

Nearest passing colors

Same hue, only the lightness moves. Use one with a click.

AA 4.5 : 1

AAA 7 : 1