24px to rem
24px = 1.5rem
At the browser default root font size of 16 px. Change it and this number changes — see below.
How it is calculated
One px is 0.0625rem, so:
24px × 0.0625 = 1.5remReversing it, 1.5rem × 16 returns 24px.
24px at other root font sizes
rem is measured against the root element, so the answer above holds only while that is 16 px. A visitor who has raised their browser's default — the accessibility setting rem exists to respect — is reading your page at one of the larger rows.
| Root font size | 24px equals |
|---|---|
| 14 px | 1.7143rem |
| 16 px (default) | 1.5rem |
| 18 px | 1.3333rem |
| 20 px | 1.2rem |
| 24 px | 1rem |
Nearby values
| px | rem |
|---|---|
| 12px | 0.75rem |
| 14px | 0.875rem |
| 16px | 1rem |
| 18px | 1.125rem |
| 20px | 1.25rem |
| 24px | 1.5rem |
| 28px | 1.75rem |
| 32px | 2rem |
| 36px | 2.25rem |
Frequently asked questions
What is 24px in rem?
1.5rem at the default 16 px root font size.
How is 24px converted to rem?
Multiply by 0.0625: 24 × 0.0625 = 1.5. To go back, multiply 1.5 by 16.
Is 1.5rem always the answer?
No. rem is relative to the root element, so 24px is 1.5rem only while that is 16 px. The table above gives the value at the sizes you are most likely to meet.