17px = 1.0625em

17 pixels converts to 1.0625em 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

17px ÷ 16 = 1.0625em

CSS Example

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

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. 17px = 1.0625em (parent 16px) = 1.0625rem (root 16px).

When to Use 17px (1.0625em)

A value of 17px (1.0625em) is commonly used for body text, buttons, and standard UI text sized relative to the parent. EM units are ideal for component-level sizing where elements should scale relative to their parent, not the root.

Nearby Conversions

px	em
11px	0.6875em	Convert →
12px	0.75em	Convert →
13px	0.8125em	Convert →
14px	0.875em	Convert →
15px	0.9375em	Convert →
16px	1em	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 17px in em?▼

17px is 1.0625em when the parent font-size is 16px (the default).

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

Both equal 1.0625 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 1.0625em instead of 17px?▼

Use 1.0625em 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 →