18rem = 288px

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

Formula

18rem × 16 = 288px

CSS Example

/* 18rem = 288px */
.element {
  width: 18rem; /* 288px at 16px base */
}

When to Use 18rem (288px)

A value of 18rem (288px) 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 18rem = 288px helps you verify your designs match mockups while keeping your code responsive.

Nearby Conversions

rem	px
9rem	144px	Convert →
10rem	160px	Convert →
12rem	192px	Convert →
14rem	224px	Convert →
16rem	256px	Convert →
20rem	320px	Convert →
24rem	384px	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 18rem in pixels?▼

18rem equals 288px at the default browser font-size of 16px.

How do I convert 18rem to pixels?▼

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

Does 18rem always equal 288px?▼

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

Need More Conversions?

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

Open REM to PX Converter →