56px in rem · 16px root
3.5 rem
rem = px ÷ root font size — shown here at the browser default root font size of 16px.
56px at every root font size
| Root font size | 56px equals | CSS |
|---|---|---|
| 10px | 5.6rem | font-size: 5.6rem; |
| 12px | 4.66667rem | font-size: 4.6667rem; |
| 14px | 4rem | font-size: 4rem; |
| 16px default | 3.5rem | font-size: 3.5rem; |
| 18px | 3.11111rem | font-size: 3.1111rem; |
| 20px | 2.8rem | font-size: 2.8rem; |
Converter
—
Nearby values
| px | rem | |
|---|---|---|
| 36px | 2.25rem | |
| 40px | 2.5rem | |
| 44px | 2.75rem | |
| 48px | 3rem | |
| 56px | 3.5rem | this page |
| 64px | 4rem | |
| 72px | 4.5rem | |
| 80px | 5rem | |
| 88px | 5.5rem |
Questions
What is 56px in rem?
56px = 3.5rem at the browser default root font size of 16px. rem = px ÷ root font size.
What is 56px in rem at a different root size?
At 10px root: 5.6rem. At 12px root: 4.6667rem. At 14px root: 4rem. At 16px root: 3.5rem. At 18px root: 3.1111rem. At 20px root: 2.8rem.
How is 56px calculated?
rem = px ÷ root font size. Here: 56 ÷ 16 = 3.5.
All px values
4px8px10px12px14px16px18px20px22px24px28px32px36px40px44px48px64px72px80px88px96px100px112px128px144px160px192px256px
Computed from the CSS Values and Units specification. See the full px to rem table.