Accessible Color Lab

Check a text and surface pair, then copy ready-to-use custom properties.

Digital lab instrument

Input controls

Text colorSurface color

16.27:1Passes AA for body text

Live experimentUseful values, measured visually.

Adjust the instrument and copy the formula below.

Generated formulaAdjust an instrument to begin.

:root {
  --color-surface: #ffffff;
  --color-text: #172033;
}
/* Contrast: 16.27:1 — passes WCAG AA body text */