Convert rem to cm
At the browser default root font size of 16 px, 1rem = 0.423333cm. Change the base below if your project uses a different root size.
Formula
cm = rem × 0.423333
rem = cm × 2.3622Because rem is relative, this ratio holds only at a 16 px base. If your project sets html { font-size: 62.5% } — a common trick that makes 1rem equal 10 px — set the base above to 10 instead.
REM to CM conversion table
| rem | cm |
|---|---|
| 8rem | 3.3867cm |
| 10rem | 4.2333cm |
| 12rem | 5.08cm |
| 14rem | 5.9267cm |
| 16rem | 6.7733cm |
| 18rem | 7.62cm |
| 20rem | 8.4667cm |
| 24rem | 10.16cm |
| 28rem | 11.8533cm |
| 32rem | 13.5467cm |
| 36rem | 15.24cm |
| 40rem | 16.9333cm |
| 48rem | 20.32cm |
| 56rem | 23.7067cm |
| 64rem | 27.0933cm |
| 72rem | 30.48cm |
| 80rem | 33.8667cm |
| 96rem | 40.64cm |
| 128rem | 54.1867cm |
About rem
One rem equals the font size of the root <html> element — 16 px unless you or the user changes it. Because it ignores nesting, rem is the unit of choice for a consistent type and spacing scale.
About cm
One centimetre is 96/2.54 ≈ 37.795 CSS pixels. Useful in print stylesheets, misleading on screen.
Which unit should you use?
| Property | Recommended unit | Why |
|---|---|---|
| Font size | rem | Scales with the user's browser font-size preference, which px ignores — an accessibility requirement. |
| Padding and margin | rem or em | rem for a consistent global rhythm; em when the spacing should track the component's own text size. |
| Borders and hairlines | px | You almost always want exactly one crisp pixel, not a value that scales. |
| Media query breakpoints | em | Historically the most reliable across browsers when the user zooms. |
| Print stylesheets | pt, cm, mm | These map to real physical measurements on paper. |
Frequently asked questions
What is 16rem in cm?
16rem equals 6.7733cm at a 16 px root font size.
How do I convert rem to cm?
Multiply the rem value by 0.423333. Going the other way, multiply the cm value by 2.3622.
Does the root font size change the result?
Yes. One of these units is relative to the root font size, so changing it changes the conversion. Use the base control above to match your project.
Why does CSS use 96 pixels per inch?
It is a historical convention from early desktop displays that became the fixed CSS reference. It has nothing to do with your monitor's real pixel density — the browser scales CSS pixels to physical ones for you.