36px = 2.25em

36 pixels converts to 2.25em when the parent element's font-size is 16px. Unlike REM (which is relative to the root), EM is relative to the parent element's font-size. If the parent font-size differs from 16px, the em value changes.

Formula

36px ÷ 16 = 2.25em

CSS Example

/* 36px as em (parent font-size: 16px) */
.parent {
  font-size: 16px;
}
.child {
  font-size: 2.25em; /* 36px */
}

EM is relative to the parent element's font-size, while REM is relative to the root (html) font-size. Use EM for component-internal sizing and REM for global consistency. 36px = 2.25em (parent 16px) = 2.25rem (root 16px).

When to Use 36px (2.25em)

A value of 36px (2.25em) is commonly used for headings, display text, and large elements relative to parent context. EM units are ideal for component-level sizing where elements should scale relative to their parent, not the root.

Nearby Conversions

px	em
22px	1.375em	Convert →
24px	1.5em	Convert →
26px	1.625em	Convert →
28px	1.75em	Convert →
30px	1.875em	Convert →
32px	2em	Convert →

Common Conversions

px	em
8	0.5
10	0.625
12	0.75
14	0.875
16	1
18	1.125
20	1.25
24	1.5
32	2
48	3

Frequently Asked Questions

What is 36px in em?▼

36px is 2.25em when the parent font-size is 16px (the default).

What's the difference between em and rem for 36px?▼

Both equal 2.25 at 16px base, but em is relative to the parent element while rem is relative to the root html element. EM compounds if nested; REM does not.

When should I use 2.25em instead of 36px?▼

Use 2.25em when you want the value to scale with the parent font-size. This is useful for padding, margins, and text within reusable components.

Need More Conversions?

Convert any value instantly with our free PX to EM Converter.

Open PX to EM Converter →