500px = 31.25rem

500 pixels converts to 31.25rem when the root font-size is 16px (the browser default). This conversion is calculated by dividing the pixel value by the base font size: 500 ÷ 16 = 31.25.

Formula

500px ÷ 16 = 31.25rem

CSS Example

/* 500px as rem */
.element {
  max-width: 31.25rem; /* 500px */
}

When to Use 500px (31.25rem)

A value of 500px (31.25rem) is commonly used for mobile breakpoints, small container max-widths, and card grid widths. In responsive web design, using 31.25rem instead of 500px ensures your mobile containers scale proportionally when users change their browser font size settings.

Why Use REM?

REM units are relative to the root element's font-size, making them ideal for accessible, responsive designs. When you write 31.25rem instead of 500px, your layout respects user preferences — if someone sets their browser to a larger font size for readability, all your rem-based values scale up proportionally.

Nearby Conversions

px	rem
250px	15.625rem	Convert →
256px	16rem	Convert →
280px	17.5rem	Convert →
300px	18.75rem	Convert →
320px	20rem	Convert →
360px	22.5rem	Convert →
384px	24rem	Convert →
400px	25rem	Convert →

Common Conversions

px	rem
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
64	4
96	6

Frequently Asked Questions

What is 500px in rem?▼

500px is 31.25rem. Divide 500 by 16 (the default root font-size) to get 31.25.

How do I convert 500px to rem in CSS?▼

Replace 500px with 31.25rem in your CSS. For example: font-size: 31.25rem; which equals 500px at the default 16px base.

Why use 31.25rem instead of 500px?▼

Using 31.25rem makes your design responsive and accessible. If a user changes their browser font size, 31.25rem scales proportionally while 500px stays fixed.

What if my base font-size is not 16px?▼

If your root font-size is different (e.g., 14px), divide 500 by that value instead. At 14px base: 500 ÷ 14 = 35.714rem.

Is 31.25rem the same in all browsers?▼

Yes, 31.25rem equals 500px in all modern browsers since they all default to a 16px root font-size. The value only changes if the user or your CSS explicitly sets a different root font-size.

Need More Conversions?

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

Open PX to REM Converter →