Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Contrast

Contrast is the difference in luminance or color that makes an object (or its representation in an image or display) distinguishable.

...

Contrast Ratio

Level

Text Color

Background Color

Example

1

9.27

AAA

#172842

#ffc401

example

2

5.34

AA

#0847a6

#ffc401

example

3

3.68

AALG

#6454c0

#ffc401

example

4

1.65

FAIL

#97a0af

#ffc401

example

As you can see above in the, example column of the above table, rows three and four are more difficult to read than rows one and two.

According to the W3C WCAG 2.0:

...