3rem = 48px

3rem converts to 48 pixels when the root font-size is 16px. Multiply the rem value by 16 to get pixels: 3 × 16 = 48.

Formula

3rem × 16 = 48px

CSS Example

/* 3rem = 48px */
.element {
  font-size: 3rem; /* 48px at 16px base */
}

When to Use 3rem (48px)

A value of 3rem (48px) is commonly used for page headings and display text. Converting rem to px helps when you need exact pixel values for design specs, Figma mockups, or debugging layout issues.

Why Use PX?

REM (root em) units provide scalable, accessible sizing in CSS. Knowing that 3rem = 48px helps you verify your designs match mockups while keeping your code responsive.

Nearby Conversions

rem	px
1.5rem	24px	Convert →
1.75rem	28px	Convert →
2rem	32px	Convert →
2.25rem	36px	Convert →
2.5rem	40px	Convert →
2.75rem	44px	Convert →
3.5rem	56px	Convert →
4rem	64px	Convert →

Common Conversions

rem	px
0.25	4
0.5	8
0.75	12
1	16
1.25	20
1.5	24
2	32
2.5	40
4	64
5	80

Frequently Asked Questions

What is 3rem in pixels?▼

3rem equals 48px at the default browser font-size of 16px.

How do I convert 3rem to pixels?▼

Multiply 3 by 16 (the default root font-size): 3 × 16 = 48px.

Does 3rem always equal 48px?▼

Only when the root font-size is 16px (the browser default). If you've changed the root font-size, multiply 3 by your custom value instead.

Need More Conversions?

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

Open REM to PX Converter →