REM to EM Converter

Use this free online rem to em converter tool to convert root-relative units to parent-relative units. While both are scalable CSS units, REM is based on the root element while EM is based on the parent element. This converter helps you switch between these two relative unit systems.

To convert rem to em, multiply the rem value by the root font-size and divide by the parent font-size. In most cases with matching font sizes, the values are equal. However, if parent and root sizes differ, the calculation adjusts accordingly.

Conversion Formula

em = (rem × root font-size) ÷ parent font-size

For example, with a root font-size of 16px and parent font-size of 16px, 2rem equals 2em. If the parent font-size is 32px, then 2rem equals 1em because (2 × 16) ÷ 32 = 1.

REM to EM Converter Conversion Table (Font Size: 16px)

REMEM
0.0625rem0.0625em
0.25rem0.25em
0.5rem0.5em
0.75rem0.75em
1rem1em
1.25rem1.25em
1.5rem1.5em
2rem2em
2.5rem2.5em
3rem3em
4rem4em
6rem6em
8rem8em
10rem10em
11rem11em
12rem12em
13rem13em
14rem14em
16rem16em
20rem20em
30rem30em
36rem36em
48rem48em
50rem50em
60rem60em
62rem62em
64rem64em
70rem70em
75rem75em
80rem80em
90rem90em
100rem100em
120rem120em

What is REM?

REM (Root EM) is a relative CSS unit based on the root element's font size, typically 16px by default in most browsers. Unlike EM units which cascade based on parent elements, REM provides consistent sizing throughout the document. This makes REM ideal for creating scalable, accessible designs that respect user font-size preferences.

What is EM?

EM is a relative CSS unit that scales based on the parent element's font size, making it highly context-dependent. By default, 1em equals the parent element's font-size value, creating a cascading effect through nested elements. While EM offers flexibility for component-level scaling, its cascading nature can make it unpredictable compared to REM in complex layouts.

Related Converters