Color
Color Contrast Against White Background
Utilize the WebAIM Color Contrast Checker
Links to an external site.
Fail: (under 4.5) 23 Colors
Color |
Ratio |
Sample |
Olive |
4.2 |
Olive |
Red |
4.1 |
Red |
Gray |
3.95 |
Gray |
Sea Green |
3.57 |
Sea Green |
Magenta |
3.14 |
Magenta |
Orange |
2.94 |
Orange |
Medium Gray |
2.85 |
Medium Gray |
Plum |
2.19 |
Plum |
Amber |
2.14 |
Amber |
Pink |
1.97 |
Pink |
Peach |
1.97 |
Peach |
Turquoise |
1.97 |
Turquoise |
Sky Blue |
1.9 |
Sky Blue |
Yellow Green |
1.9 |
Yellow Green |
Light Sky Blue |
1.69 |
Light Sky Blue |
Gold |
1.51 |
Gold |
Light Yellow |
1.46 |
Light Yellow |
Lime |
1.37 |
Lime |
Aqua |
1.25 |
Aqua |
Pale Green |
1.12 |
Pale Green |
Pale Cyan |
1.09 |
Pale Cyan |
Yellow |
1.07 |
Yellow |
White |
0 |
White |
Good: (4.5 to 7) 5 Colors
Color |
Ratio |
Sample |
Red Violet |
6.95 |
Red Violet |
Grayish blue |
5.35 |
Grayish blue |
Green |
5.14 |
Green |
Teal |
4.77 |
Teal |
Royal Blue |
4.68 |
Royal Blue |
Best: (Over 7) 11
Color |
Ratio |
Sample |
Black |
21.1 |
Black |
Navy Blue |
16.01 |
Navy Blue |
Dark Green |
14.25 |
Dark Green |
Dark Olive |
13.01 |
Dark Olive |
Very Dark Gray |
12.63 |
Very Dark Gray |
Dark Azure |
12.6 |
Dark Azure |
Maroon |
10.95 |
Maroon |
Indigo |
10.12 |
Indigo |
Purple |
9.42 |
Purple |
Blue |
8.59 |
Blue |
Burnt Orange |
7.43 |
Burnt Orange |