Skip to Content

Contrast Ratio Calculator

The latest accessibility guidelines require that text (and images of text) provide adequate contrast for people who have visual impairments. Contrast is measured using a formula that gives a ratio ranging from 1:1 (no contrast, e.g., black text on a black background) to 21:1 (maximum contrast, e.g., black text on a white background). Using this formula, the requirements are:

  • 3:1 - minimum contrast for "large scale" text (18 pt or 14 pt bold, or larger) under WCAG 2.0 1.4.3 (Level AA)
  • 4.5:1 - minimum contrast for regular sized text under WCAG 2.0 1.4.3 (Level AA)
  • 7:1 - "enhanced" contrast for regular sized text under WCAG 2.0 1.4.6 (Level AAA)

Use the following tools to check the contrast of colors on your pages:

Samples

Color Against White Against Black
Value Sample Ratio Normal Large Ratio Normal Large
#000 #000 21 AAA AAA 1
#300 #300 18.4 AAA AAA 1.1
#330 #330 13 AAA AAA 1.6
#030 #030 14.3 AAA AAA 1.5
#033 #033 13.8 AAA AAA 1.5
#003 #003 20 AAA AAA 1
#303 #303 17.7 AAA AAA 1.2
#600 #600 13.4 AAA AAA 1.6
#630 #630 10.3 AAA AAA 2
#660 #660 6.1 AA AAA 3.5 AA
#360 #360 6.9 AA AAA 3 AA
#060 #060 7.2 AAA AAA 2.9
#063 #063 7.1 AAA AAA 2.9
#066 #066 6.8 AA AAA 3.1 AA
#036 #036 12.6 AAA AAA 1.7
#006 #006 17.6 AAA AAA 1.2
#306 #306 15.8 AAA AAA 1.3
#606 #606 12 AAA AAA 1.8
#603 #603 13 AAA AAA 1.6
#900 #900 8.9 AAA AAA 2.4
#930 #930 7.4 AAA AAA 2.8
#960 #960 4.9 AA AAA 4.3 AA
#990 #990 3 AA 6.9 AA AAA
#690 #690 3.4 AA 6.1 AA AAA
#390 #390 3.7 AA 5.7 AA AAA
#090 #090 3.8 AA 5.6 AA AAA
#093 #093 3.7 AA 5.6 AA AAA
#096 #096 3.7 AA 5.7 AA AAA
#099 #099 3.5 AA 6 AA AAA
#069 #069 6.2 AA AAA 3.4 AA
#039 #039 10.9 AAA AAA 1.9
#009 #009 14.4 AAA AAA 1.5
#309 #309 13.1 AAA AAA 1.6
#609 #609 10.4 AAA AAA 2
#909 #909 7.5 AAA AAA 2.8
#906 #906 8.2 AAA AAA 2.5
#903 #903 8.7 AAA AAA 2.4
#c00 #c00 5.9 AA AAA 3.6 AA
#c30 #c30 5.2 AA AAA 4 AA
#c60 #c60 3.8 AA 5.5 AA AAA
#c90 #c90 2.6 8.1 AAA AAA
#cc0 #cc0 1.7 12.2 AAA AAA
#9c0 #9c0 1.9 11 AAA AAA
#6c0 #6c0 2.1 10.2 AAA AAA
#3c0 #3c0 2.1 9.8 AAA AAA
#0c0 #0c0 2.2 9.6 AAA AAA
#0c3 #0c3 2.2 9.7 AAA AAA
#0c6 #0c6 2.1 9.8 AAA AAA
#0c9 #0c9 2.1 10.1 AAA AAA
#0cc #0cc 2 10.5 AAA AAA
#09c #09c 3.3 AA 6.4 AA AAA
#06c #06c 5.6 AA AAA 3.8 AA
#03c #03c 9 AAA AAA 2.3
#00c #00c 11.2 AAA AAA 1.9
#30c #30c 10.4 AAA AAA 2
#60c #60c 8.6 AAA AAA 2.4
#90c #90c 6.5 AA AAA 3.2 AA
#c0c #c0c 4.7 AA AAA 4.4 AA
#c09 #c09 5.2 AA AAA 4 AA
#c06 #c06 5.6 AA AAA 3.8 AA
#c03 #c03 5.8 AA AAA 3.6 AA
#f00 #f00 4 AA 5.3 AA AAA
#f30 #f30 3.7 AA 5.7 AA AAA
#f60 #f60 2.9 7.2 AAA AAA
#f90 #f90 2.1 9.8 AAA AAA
#fc0 #fc0 1.5 13.9 AAA AAA
#ff0 #ff0 1.1 19.6 AAA AAA
#cf0 #cf0 1.2 17.9 AAA AAA
#9f0 #9f0 1.3 16.7 AAA AAA
#6f0 #6f0 1.3 15.9 AAA AAA
#3f0 #3f0 1.4 15.4 AAA AAA
#0f0 #0f0 1.4 15.3 AAA AAA
#0f3 #0f3 1.4 15.4 AAA AAA
#0f6 #0f6 1.4 15.5 AAA AAA
#0f9 #0f9 1.3 15.8 AAA AAA
#0fc #0fc 1.3 16.2 AAA AAA
#0ff #0ff 1.3 16.7 AAA AAA
#0cf #0cf 1.9 11.1 AAA AAA
#09f #09f 3 AA 7 AAA AAA
#06f #06f 4.8 AA AAA 4.3 AA
#03f #03f 7.2 AAA AAA 2.9
#00f #00f 8.6 AAA AAA 2.4
#30f #30f 8.1 AAA AAA 2.6
#60f #60f 7 AAA AAA 3 AA
#90f #90f 5.5 AA AAA 3.8 AA
#c0f #c0f 4.2 AA 5 AA AAA
#f0f #f0f 3.1 AA 6.7 AA AAA
#f0c #f0c 3.4 AA 6.1 AA AAA
#f09 #f09 3.7 AA 5.7 AA AAA
#f06 #f06 3.9 AA 5.4 AA AAA
#f03 #f03 4 AA 5.3 AA AAA
#f33 #f33 3.6 AA 5.8 AA AAA
#f63 #f63 2.9 7.2 AAA AAA
#f93 #f93 2.1 9.9 AAA AAA
#fc3 #fc3 1.5 13.9 AAA AAA
#ff3 #ff3 1.1 19.6 AAA AAA
#cf3 #cf3 1.2 17.9 AAA AAA
#9f3 #9f3 1.3 16.7 AAA AAA
#6f3 #6f3 1.3 15.9 AAA AAA
#3f3 #3f3 1.4 15.5 AAA AAA
#3f6 #3f6 1.3 15.6 AAA AAA
#3f9 #3f9 1.3 15.9 AAA AAA
#3fc #3fc 1.3 16.3 AAA AAA
#3ff #3ff 1.2 16.9 AAA AAA
#3cf #3cf 1.9 11.2 AAA AAA
#39f #39f 2.9 7.1 AAA AAA
#36f #36f 4.7 AA AAA 4.5 AA AAA
#33f #33f 6.9 AA AAA 3.1 AA
#63f #63f 6 AA AAA 3.5 AA
#93f #93f 4.9 AA AAA 4.3 AA
#c3f #c3f 3.8 AA 5.5 AA AAA
#f3f #f3f 2.9 7.2 AAA AAA
#f3c #f3c 3.2 AA 6.6 AA AAA
#f39 #f39 3.4 AA 6.2 AA AAA
#f36 #f36 3.5 AA 5.9 AA AAA
#f66 #f66 2.9 7.3 AAA AAA
#f96 #f96 2.1 10 AAA AAA
#fc6 #fc6 1.5 14.1 AAA AAA
#ff6 #ff6 1.1 19.7 AAA AAA
#cf6 #cf6 1.2 18.1 AAA AAA
#9f6 #9f6 1.2 16.9 AAA AAA
#6f6 #6f6 1.3 16.1 AAA AAA
#6f9 #6f9 1.3 16.3 AAA AAA
#6fc #6fc 1.3 16.7 AAA AAA
#6ff #6ff 1.2 17.3 AAA AAA
#6cf #6cf 1.8 11.6 AAA AAA
#69f #69f 2.8 7.6 AAA AAA
#66f #66f 4.3 AA 4.9 AA AAA
#96f #96f 3.7 AA 5.7 AA AAA
#c6f #c6f 3 AA 6.9 AA AAA
#f6f #f6f 2.4 8.6 AAA AAA
#f6c #f6c 2.6 8 AAA AAA
#f69 #f69 2.8 7.6 AAA AAA
#f99 #f99 2 10.3 AAA AAA
#fc9 #fc9 1.5 14.3 AAA AAA
#ff9 #ff9 1 20 AAA AAA
#cf9 #cf9 1.1 18.3 AAA AAA
#9f9 #9f9 1.2 17.1 AAA AAA
#9fc #9fc 1.2 17.5 AAA AAA
#9ff #9ff 1.2 18.1 AAA AAA
#9cf #9cf 1.7 12.4 AAA AAA
#99f #99f 2.5 8.4 AAA AAA
#c9f #c9f 2.2 9.6 AAA AAA
#f9f #f9f 1.9 11.3 AAA AAA
#f9c #f9c 2 10.7 AAA AAA
#fcc #fcc 1.4 14.8 AAA AAA
#ffc #ffc 1 20.4 AAA AAA
#cfc #cfc 1.1 18.7 AAA AAA
#cff #cff 1.1 19.3 AAA AAA
#ccf #ccf 1.5 13.6 AAA AAA
#fcf #fcf 1.4 15.3 AAA AAA
#fff #fff 1 21 AAA AAA
#ccc #ccc 1.6 13.1 AAA AAA
#999 #999 2.8 7.4 AAA AAA
#666 #666 5.7 AA AAA 3.7 AA
#333 #333 12.6 AAA AAA 1.7
#000 #000 21 AAA AAA 1

Reference

More Information

If you have questions or suggestions, please email accessibility@msfw.com.