2.5rem in px · 16px root
40 px
px = rem × root font size — shown here at the browser default root font size of 16px.
2.5rem at every root font size
| Root font size | 2.5rem equals | CSS |
|---|---|---|
| 10px | 25px | font-size: 25px; |
| 12px | 30px | font-size: 30px; |
| 14px | 35px | font-size: 35px; |
| 16px default | 40px | font-size: 40px; |
| 18px | 45px | font-size: 45px; |
| 20px | 50px | font-size: 50px; |
Converter
—
Nearby values
| rem | px | |
|---|---|---|
| 1.5rem | 24px | |
| 1.75rem | 28px | |
| 2rem | 32px | |
| 2.25rem | 36px | |
| 2.5rem | 40px | this page |
| 2.75rem | 44px | |
| 3rem | 48px | |
| 3.5rem | 56px | |
| 4rem | 64px |
Questions
What is 2.5rem in px?
2.5rem = 40px at the browser default root font size of 16px. px = rem × root font size.
What is 2.5rem in px at a different root size?
At 10px root: 25px. At 12px root: 30px. At 14px root: 35px. At 16px root: 40px. At 18px root: 45px. At 20px root: 50px.
How is 2.5rem calculated?
px = rem × root font size. Here: 2.5 × 16 = 40.
All rem values
0.125rem0.25rem0.375rem0.5rem0.625rem0.75rem0.875rem1rem1.125rem1.25rem1.375rem1.5rem1.75rem2rem2.25rem2.75rem3rem3.5rem4rem4.5rem5rem6rem7rem8rem9rem10rem12rem16rem20rem24rem
Computed from the CSS Values and Units specification. See the full rem to px table.