Popular REM Values in Pixels
With a 16 px root: 0.25rem = 4px, 0.5rem = 8px, 0.75rem = 12px, 1rem = 16px, 1.25rem = 20px, 1.5rem = 24px, 2rem = 32px, 2.5rem = 40px, 3rem = 48px.
Convert REM to pixels for any root font size. With the browser default of 16 px, 1 rem = 16 px.
With a 16 px root: 0.25rem = 4px, 0.5rem = 8px, 0.75rem = 12px, 1rem = 16px, 1.25rem = 20px, 1.5rem = 24px, 2rem = 32px, 2.5rem = 40px, 3rem = 48px.
Pixels for common rem values with the default 16 px root and with a 10 px root (the "62.5%" setup).
| REM | Pixels (16px root) | Pixels (10px root) |
|---|---|---|
| 0.125rem | 2px | 1.25px |
| 0.25rem | 4px | 2.5px |
| 0.375rem | 6px | 3.75px |
| 0.5rem | 8px | 5px |
| 0.625rem | 10px | 6.25px |
| 0.75rem | 12px | 7.5px |
| 0.875rem | 14px | 8.75px |
| 1rem | 16px | 10px |
| 1.125rem | 18px | 11.25px |
| 1.25rem | 20px | 12.5px |
| 1.375rem | 22px | 13.75px |
| 1.5rem | 24px | 15px |
| 1.75rem | 28px | 17.5px |
| 2rem | 32px | 20px |
| 2.25rem | 36px | 22.5px |
| 2.5rem | 40px | 25px |
| 2.75rem | 44px | 27.5px |
| 3rem | 48px | 30px |
| 3.5rem | 56px | 35px |
| 4rem | 64px | 40px |
| 4.5rem | 72px | 45px |
| 5rem | 80px | 50px |
| 6rem | 96px | 60px |
| 8rem | 128px | 80px |
| 10rem | 160px | 100px |
Browsers such as Chrome let readers pick a default font size. REM follows that choice, which is why it is the accessible unit for text.
| Browser font size | Root size | 1rem | 1.5rem | 2rem |
|---|---|---|---|---|
| Very small | 9px | 9px | 13.5px | 18px |
| Small | 12px | 12px | 18px | 24px |
| Medium (default) | 16px | 16px | 24px | 32px |
| Large | 20px | 20px | 30px | 40px |
| Very large | 24px | 24px | 36px | 48px |
Page zoom (Ctrl + / Ctrl −) scales everything, px included. The font-size setting above only scales rem and em.
px = rem × root font size
Example: 1.25 rem × 16 = 20 px. If your stylesheet sets html { font-size: 62.5%; }, the root is 10 px and 1.25 rem = 12.5 px.
1 rem = 16 px with the browser default root font size. It equals whatever font size the html element has.
1.5 rem = 24 px with a 16 px root.
2.5 rem = 40 px with a 16 px root, or 25 px with a 10 px root.
No. 16 px is only the default. If the reader changes their browser font size, or your CSS changes the html font size, 1 rem changes with it.
No. All conversions happen entirely in your browser. The values you enter are never sent to our server or saved.