0.875 rem to px = 14px
0.875 rem equals 14 pixels at the default root font size of 16px. Adjust the root size below to recalculate.
What’s 0.875rem used for?
0.875rem (14px at default root) is the standard 'small body' font size — used for secondary text, table cells, and form helper text. The fraction looks awkward but it's exactly 14px at the default root, which is one of the most common body-adjacent sizes across design systems. Tailwind's text-sm and Bootstrap's small both land here.
How it works
To convert 0.875rem to pixels, multiply by the root font size: 0.875 × 16 = 14. The rem unit is relative to the root element’s font size, which browsers default to 16px.
0.875rem at different root sizes
If you’ve overridden the html root font size, the pixel equivalent of 0.875rem shifts. Here’s 0.875rem at common root sizes.
| Root size | 0.875rem in px |
|---|---|
| 16px (default) | 14px |
| 12px | 10.5px |
| 14px | 12.25px |
| 18px | 15.75px |
| 20px | 17.5px |
| 24px | 21px |
0.875rem in CSS
Use 0.875rem for secondary body text or dense interface chrome.
.small {
font-size: 0.875rem; /* 14px */
color: var(--muted);
}FAQ
Is 0.875rem the same as 14px?
Yes, at the browser default root font size of 16px. If the root has been changed (some sites use html { font-size: 62.5% } or similar), the conversion changes — see the table above for 0.875rem at other root sizes.
Why use 0.875rem instead of 14px?
Because 0.875rem scales with the user’s browser font-size preference, and 14px does not. If a user enlarges their default font size for accessibility, anything sized in rem scales proportionately — including this value. Use rem for type and type-adjacent properties; reach for px only when the value must stay fixed regardless of user settings.