#F5F5F5: whitesmoke and neutral-100 codes and contrast

Tailwind 4 writes neutral-100 as oklch(97% 0 none), which converts back to the same #F5F5F5, so the color survives an upgrade.

It's a common fill for code blocks, table stripes, chat bubbles and input fields. That last one needs care. An input that only shows itself with this fill sits 1.09:1 from a white page, under the 3:1 WCAG 2.1 asks for the edges of a control. Add a border. In the shade scale below, #8A8A8A is the first step dark enough for that border, at 3.45:1 against white.

Black text scores 19.26:1. Gray text has a little less room than on pure white, so check a light gray before you use it. APCA, a newer method that isn't part of any WCAG standard, scores black text Lc 100.1.

Use #F5F5F5 for quiet backgrounds: code blocks, sidebars, stripes, cards on white with a border, and hover states. Don't count on it alone to mark an edge on a white page, at 1.09:1.

For text on white in the same gray family, #727272 is the first step that passes AA, at 4.81:1. Click a shade to open it in the Color Picker.