Rem to Em Conversion Table
| Rem (rem) | Em (em) | Reference Benchmark | Formula Step |
|---|---|---|---|
| 0.5 rem | 0.5 em | Micro-badge, mobile status tag, and fine print footnote | 0.5 × 1 = 0.5 em |
| 0.625 rem | 0.625 em | Legal copyright disclaimer and dense tabular metadata | 0.63 × 1 = 0.63 em |
| 0.75 rem | 0.75 em | Secondary UI navigation label and form field helper caption | 0.75 × 1 = 0.75 em |
| 0.875 rem | 0.875 em | Standard mobile body text, form input, and compact button | 0.88 × 1 = 0.88 em |
| 1 rem | 1 em | Universal web browser root font baseline (1rem default) | 1 × 1 = 1 em |
| 1.125 rem | 1.125 em | Subheading, article lead paragraph, and callout banner | 1.13 × 1 = 1.13 em |
| 1.25 rem | 1.25 em | Card component header, modal title, and tablet subsection | 1.25 × 1 = 1.25 em |
| 1.5 rem | 1.5 em | Section headline (H3), brand logo text, and featured stat | 1.5 × 1 = 1.5 em |
| 1.75 rem | 1.75 em | Prominent section title and tablet landing hero banner | 1.75 × 1 = 1.75 em |
| 2 rem | 2 em | Major subsection headline (H2) and standard blog article title | 2 × 1 = 2 em |
| 2.25 rem | 2.25 em | Feature hero headline and landing page call-to-action title | 2.25 × 1 = 2.25 em |
| 2.5 rem | 2.5 em | Marketing banner display headline and large metric counter | 2.5 × 1 = 2.5 em |
| 3 rem | 3 em | Primary page headline (H1) and desktop hero display type | 3 × 1 = 3 em |
| 4 rem | 4 em | High-impact landing hero headline and exhibition display | 4 × 1 = 4 em |
| 4.5 rem | 4.5 em | One-inch physical print headline and poster display title | 4.5 × 1 = 4.5 em |
| 6 rem | 6 em | Giant billboard digital display typography and lead graphic | 6 × 1 = 6 em |
Rem to Em Formula & Unit Definitions
The conversion ratio between Rem and Em is defined as 1 em per 1 rem. Multiplying any value in rems by this factor produces its exact equivalent in ems.
Quick Estimation: On standard unnested elements with default 16px inheritance, 1 rem corresponds directly to 1 em.
Rem (rem)
Source 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.
Em (em)
Target 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.
Frequently Asked Questions
Q.How do you convert rems to ems accurately?
Multiply your Rem measurement by 1 (or apply × 1). For example, 16 rem converts to 16 em instantly.
Q.What is the exact mathematical ratio between Rem and Em?
One Rem equals exactly 1 Ems based on standard 96 DPI screen resolution and 16px root font baselines.
Q.What is the difference between Rem and Em?
Rem (rem) is a root-relative typographic scale unit, while Em (em) is a parent-relative typographic scale unit.