24px in rem · 16px root
1.5 rem
rem = px ÷ root font size — shown here at the browser default root font size of 16px.
24px at every root font size
| Root font size | 24px equals | CSS |
|---|---|---|
| 10px | 2.4rem | font-size: 2.4rem; |
| 12px | 2rem | font-size: 2rem; |
| 14px | 1.71429rem | font-size: 1.7143rem; |
| 16px default | 1.5rem | font-size: 1.5rem; |
| 18px | 1.33333rem | font-size: 1.3333rem; |
| 20px | 1.2rem | font-size: 1.2rem; |
Converter
—
Nearby values
| px | rem | |
|---|---|---|
| 16px | 1rem | |
| 18px | 1.125rem | |
| 20px | 1.25rem | |
| 22px | 1.375rem | |
| 24px | 1.5rem | this page |
| 28px | 1.75rem | |
| 32px | 2rem | |
| 36px | 2.25rem | |
| 40px | 2.5rem |
Questions
What is 24px in rem?
24px = 1.5rem at the browser default root font size of 16px. rem = px ÷ root font size.
What is 24px in rem at a different root size?
At 10px root: 2.4rem. At 12px root: 2rem. At 14px root: 1.7143rem. At 16px root: 1.5rem. At 18px root: 1.3333rem. At 20px root: 1.2rem.
How is 24px calculated?
rem = px ÷ root font size. Here: 24 ÷ 16 = 1.5.
All px values
4px8px10px12px14px16px18px20px22px28px32px36px40px44px48px56px64px72px80px88px96px100px112px128px144px160px192px256px
Computed from the CSS Values and Units specification. See the full px to rem table.