Rem to px formula
Formula
px = rem × base font-size Example: 1.5rem × 16px = 24px
To compute pixel equivalents from rem, multiply the rem value by the root font size of your document. By default, browsers assign 16px to 1rem, making 2rem equal to 32px and 0.75rem equal to 12px.
Common reference points
| Rem | Pixels (at 16px base) |
|---|---|
| 0.5rem | 8px |
| 0.625rem | 10px |
| 0.75rem | 12px |
| 0.875rem | 14px |
| 1rem | 16px |
| 1.25rem | 20px |
| 1.5rem | 24px |
| 2rem | 32px |
| 3rem | 48px |
Frequently asked questions
How do I convert rem to px?
Multiply the rem value by the root font-size, which is 16px by default in every browser unless your site's CSS overrides it.
What is 1rem in pixels?
16px, assuming the standard root font-size.
What does "rem" stand for?
"Root em" — always relative to the root (html) element's font-size, regardless of how deeply nested the element using it is.