Jump to: WCAG 2.0 AAA Chart WCAG 2.0 AA Chart WCAG 1.0 Chart Relative Luinance Chart

Readable Color Combinations (WCAG 2.0 AAA)

20 combinations

#000 #f00 #f0f #0f0 #0ff #ff0 #fff
#00f #0f0 #0ff #ff0 #fff
#f00 #000
#f0f #000
#0f0 #000 #00f
#0ff #000 #00f
#ff0 #000 #00f
#fff #000 #00f

Readable Color Combinations (WCAG 2.0 AA)

For large scale text.

8 combinations

#f00 #0ff #ff0 #fff
#f0f #fff
#0ff #f00
#ff0 #f00
#fff #f00 #f0f

Readable Color Combinations (WCAG 1.0)

12 combinations

#000 #0ff #ff0 #fff
#00f #ff0 #fff
#f00 #fff
#0ff #000
#ff0 #000 #00f
#fff #000 #00f #f00

Relative Luminance Scale

  1. #000 0
  2. #00f 0.0722
  3. #f00 0.2126
  4. #f0f 0.2848
  5. #0f0 0.7152
  6. #0ff 0.7874
  7. #ff0 0.9278
  8. #fff 1