White on Silver: Contrast Check

Using white on silver

White lettering is too faint on Silver for either AA text-size category. Start by changing the label to a darker color while keeping the neutral fill.

WCAG text contrast results

This pair fails AA for both normal and large text. The displayed ratio is rounded to two decimal places; every decision uses the full calculation.

Choose the result for your text size

A 16 px regular label uses the normal-text result. A 24 px regular heading qualifies as large text. This pair needs different colors for either AA category. If a small label fails, try a different color before making the label larger.

.pair-example {
  color: #FFFFFF;
  background-color: #C0C0C0;
  font-size: 16px;
}

Try the reverse pair

Use Swap colors to put silver text on white. The ratio remains 1.82:1, but the page can feel very different when most of it becomes white. Check the new arrangement with real text and the surrounding layout.