Dark Slate Gray on Snow: Contrast Check

Using dark slate gray on snow

This dark teal-gray and near-white pair is a starting point for reading pages. Preserve both exact values when adding quieter captions or nested panels.

WCAG text contrast results

This pair passes AA for normal text. It also passes AAA for normal 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. Match the result to the size and weight used in your design. If a small label fails, try a different color before making the label larger.

.pair-example {
  color: #2F4F4F;
  background-color: #FFFAFA;
  font-size: 16px;
}

Try the reverse pair

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