6px = 0.375em

6 pixels converts to 0.375em 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

6px ÷ 16 = 0.375em

CSS Example

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

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

When to Use 6px (0.375em)

A value of 6px (0.375em) is commonly used for fine details, small borders, and micro spacing relative to the parent element. EM units are ideal for component-level sizing where elements should scale relative to their parent, not the root.

Nearby Conversions

px	em
2px	0.125em	Convert →
4px	0.25em	Convert →
8px	0.5em	Convert →
10px	0.625em	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 6px in em?▼

6px is 0.375em when the parent font-size is 16px (the default).

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

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

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