Em to Rem Conversion Table
| Em (em) | Rem (rem) | Reference Benchmark | Formula Step |
|---|---|---|---|
| 0.5 em | 0.5 rem | Micro-badge, mobile status tag, and fine print footnote | 0.5 × 1 = 0.5 rem |
| 0.625 em | 0.625 rem | Legal copyright disclaimer and dense tabular metadata | 0.63 × 1 = 0.63 rem |
| 0.75 em | 0.75 rem | Secondary UI navigation label and form field helper caption | 0.75 × 1 = 0.75 rem |
| 0.875 em | 0.875 rem | Standard mobile body text, form input, and compact button | 0.88 × 1 = 0.88 rem |
| 1 em | 1 rem | Universal web browser root font baseline (1rem default) | 1 × 1 = 1 rem |
| 1.125 em | 1.125 rem | Subheading, article lead paragraph, and callout banner | 1.13 × 1 = 1.13 rem |
| 1.25 em | 1.25 rem | Card component header, modal title, and tablet subsection | 1.25 × 1 = 1.25 rem |
| 1.5 em | 1.5 rem | Section headline (H3), brand logo text, and featured stat | 1.5 × 1 = 1.5 rem |
| 1.75 em | 1.75 rem | Prominent section title and tablet landing hero banner | 1.75 × 1 = 1.75 rem |
| 2 em | 2 rem | Major subsection headline (H2) and standard blog article title | 2 × 1 = 2 rem |
| 2.25 em | 2.25 rem | Feature hero headline and landing page call-to-action title | 2.25 × 1 = 2.25 rem |
| 2.5 em | 2.5 rem | Marketing banner display headline and large metric counter | 2.5 × 1 = 2.5 rem |
| 3 em | 3 rem | Primary page headline (H1) and desktop hero display type | 3 × 1 = 3 rem |
| 4 em | 4 rem | High-impact landing hero headline and exhibition display | 4 × 1 = 4 rem |
| 4.5 em | 4.5 rem | One-inch physical print headline and poster display title | 4.5 × 1 = 4.5 rem |
| 6 em | 6 rem | Giant billboard digital display typography and lead graphic | 6 × 1 = 6 rem |
Em to Rem Formula & Unit Definitions
The conversion ratio between Em and Rem is defined as 1 rem per 1 em. Multiplying any value in ems by this factor produces its exact equivalent in rems.
Quick Estimation: At the root level (or when parent font size equals 16px), 1 em equals exactly 1 rem.
Em (em)
Source Standard- Parent-Relative Typographic Scale Unit
- A scalable typographic unit equal to the computed font-size of the element’s immediate parent (1 em = 16 px by default).
- Essential for component-scoped responsive typography, modular button padding, and contextual font scaling.
Rem (rem)
Target Standard- Root-Relative Typographic Scale Unit
- Defined in CSS3 as relative strictly to the font-size of the root <html> element (1 rem = 16 px by default browser baseline).
- The industry-standard choice for modern responsive design systems, accessible fluid typography, and Tailwind CSS.
Frequently Asked Questions
Q.How do you convert ems to rems accurately?
Multiply your Em measurement by 1 (or apply × 1). For example, 16 em converts to 16 rem instantly.
Q.What is the exact mathematical ratio between Em and Rem?
One Em equals exactly 1 Rems based on standard 96 DPI screen resolution and 16px root font baselines.
Q.What is the difference between Em and Rem?
Em (em) is a parent-relative typographic scale unit, while Rem (rem) is a root-relative typographic scale unit.