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

7.73 to 1

Rating: Very good

Easy to read at any size, small print included.

WCAG 2.2

  • Pass: AA Normal text Text under 18pt, or under 14pt if bold. Needs 4.5 : 1
  • Pass: AA Large text Text from 18pt, or from 14pt bold. Needs 3 : 1
  • Pass: AAA Normal text The enhanced level, for body text. Needs 7 : 1
  • Pass: AAA Large text The enhanced level, for large text. Needs 4.5 : 1
  • Pass: 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 : passes

Passes AA already.

AAA 7 : 1 : passes

Passes AAA already.