WCAG 2.0: 글꼴색과 배경색 명도 대비 적합성 수준 AA(1.4.3)/AAA(1.4.6) 미리보기

WCAG 2.0 기준(보통 문자, 큰 문자)에 따라 다양한 명도 대비를 보여주는 표(Passed는 적합한 수준임)
Contrast Ratio FG/BG Color Normal Text
12pt(16px, 1em, 100%) + Normal		 Large Text
14pt(19px, 1.2em, 120%) + Bold		 Large Text
18pt(24px, 1.5em, 150%) + Normal
21:1 #000000/#FFFFFF Power of Web. 웹의 힘.
Passed AAA		 Power of Web. 웹의 힘.
Passed AAA		 Power of Web. 웹의 힘.
Passed AAA
12.63:1 #333333/#FFFFFF Power of Web. 웹의 힘.
Passed AAA		 Power of Web. 웹의 힘.
Passed AAA		 Power of Web. 웹의 힘.
Passed AAA
7:1 #595959/#FFFFFF Power of Web. 웹의 힘.
Passed AAA		 Power of Web. 웹의 힘.
Passed AAA		 Power of Web. 웹의 힘.
Passed AAA
5.74:1 #666666/#FFFFFF Power of Web. 웹의 힘.
Passed AA		 Power of Web. 웹의 힘.
Passed AAA		 Power of Web. 웹의 힘.
Passed AAA
4.54:1 #767676/#FFFFFF Power of Web. 웹의 힘.
Passed AA		 Power of Web. 웹의 힘.
Passed AAA		 Power of Web. 웹의 힘.
Passed AAA
4.48:1 #777777/#FFFFFF Power of Web. 웹의 힘. Power of Web. 웹의 힘.
Passed AA		 Power of Web. 웹의 힘.
Passed AA
3.54:1 #888888/#FFFFFF Power of Web. 웹의 힘. Power of Web. 웹의 힘.
Passed AA		 Power of Web. 웹의 힘.
Passed AA
3:1 #959595/#FFFFFF Power of Web. 웹의 힘. Power of Web. 웹의 힘.
Passed AA		 Power of Web. 웹의 힘.
Passed AA
2.85:1 #999999/#FFFFFF Power of Web. 웹의 힘. Power of Web. 웹의 힘. Power of Web. 웹의 힘.
1.61:1 #CCCCCC/#FFFFFF Power of Web. 웹의 힘. Power of Web. 웹의 힘. Power of Web. 웹의 힘.
1.16:1 #EEEEEE/#FFFFFF Power of Web. 웹의 힘. Power of Web. 웹의 힘. Power of Web. 웹의 힘.

참고 도구