36px in rem · 16px root
2.25 rem
rem = px ÷ root font size — shown here at the browser default root font size of 16px.
36px at every root font size
| Root font size | 36px equals | CSS |
|---|---|---|
| 10px | 3.6rem | font-size: 3.6rem; |
| 12px | 3rem | font-size: 3rem; |
| 14px | 2.57143rem | font-size: 2.5714rem; |
| 16px default | 2.25rem | font-size: 2.25rem; |
| 18px | 2rem | font-size: 2rem; |
| 20px | 1.8rem | font-size: 1.8rem; |
Converter
—
Nearby values
| px | rem | |
|---|---|---|
| 22px | 1.375rem | |
| 24px | 1.5rem | |
| 28px | 1.75rem | |
| 32px | 2rem | |
| 36px | 2.25rem | this page |
| 40px | 2.5rem | |
| 44px | 2.75rem | |
| 48px | 3rem | |
| 56px | 3.5rem |
Questions
What is 36px in rem?
36px = 2.25rem at the browser default root font size of 16px. rem = px ÷ root font size.
What is 36px in rem at a different root size?
At 10px root: 3.6rem. At 12px root: 3rem. At 14px root: 2.5714rem. At 16px root: 2.25rem. At 18px root: 2rem. At 20px root: 1.8rem.
How is 36px calculated?
rem = px ÷ root font size. Here: 36 ÷ 16 = 2.25.
All px values
4px8px10px12px14px16px18px20px22px24px28px32px40px44px48px56px64px72px80px88px96px100px112px128px144px160px192px256px
Computed from the CSS Values and Units specification. See the full px to rem table.