20rem = 320px

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

Formula

20rem × 16 = 320px

CSS Example

/* 20rem = 320px */
.element {
  width: 20rem; /* 320px at 16px base */
}

When to Use 20rem (320px)

A value of 20rem (320px) is commonly used for component widths and spacing. 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 20rem = 320px helps you verify your designs match mockups while keeping your code responsive.

Nearby Conversions

rem	px
10rem	160px	Convert →
12rem	192px	Convert →
14rem	224px	Convert →
16rem	256px	Convert →
18rem	288px	Convert →
24rem	384px	Convert →
30rem	480px	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
3	48
4	64
5	80

Frequently Asked Questions

What is 20rem in pixels?▼

20rem equals 320px at the default browser font-size of 16px.

How do I convert 20rem to pixels?▼

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

Does 20rem always equal 320px?▼

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

Need More Conversions?

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

Open REM to PX Converter →